Estado global simple - Context API - useReducer - React Hooks

Подписаться 7 тыс.

Просмотров 18 тыс.

50% 1

Configuraremos desde cero un estado global sencillo mediante Context API con useReducer y Custom Hooks.
⭐ Repositorio de GitHub del proyecto github.com/lui...
⭐ Videos previos recomendados para entender mejor
🚀 useReducer - explicado al detalle con 3 mini apps - init - types - actions - React Hooks • useReducer - explicado...
🚀 Context API - explicado al detalle - con ejemplo práctico y solución al problema de renders - React • Context API - explicad...
🚀 Crear con React un Componente Contenedor para ventana Modal usando Props Children • Crear con React un Com...
🚀 Custom Hooks - explicado al detalle con 3 ejemplos - Crea tus propios Hooks - React JS
• Custom Hooks - explica...
⭐ Lista de reproducción completa sobre React
• ReactJS de cero a experto

Опубликовано:

30 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 42

@Grishopping 2 года назад

Amigo saludos... repasando la informacion...... Cual es el video de vario reducers??????? que comentas al final del video (18:40)

@albertleog.maldonado5786 2 года назад

holaaa, por fa, digame cual es por fin???

@josegrillo6867 2 года назад

SALUDOS..... Cual es la segunda parte?????????????

@huertoeco 3 года назад

Poco me queda por añadir despues de leer el resto de comentarios, pero de nuevo te animo a que continues subiendo videos al canal, son de una calidad "extrema"

@RubenAlbertoLapolla 3 года назад

E X E L E N T E ! ! ! ! . . . . Gracias x 1000 por tu tiempo y compartir tus conocimientos. Sin vueltas, súper claro. Todo explicado con lujo de detalles. Con prácticas variadas bien enfocadas para entender o entender. Esto vale oro para los que andamos aprendiendo medio a la deriva, sin una hoja de ruta segura. Abrazo.

@carlosfranco8377 9 месяцев назад

Bro que bien explicas!!!! Ahors mismo aplicaré context y useReducer porque por lo que he visto ys no se esta usando tanto redux toolkit:(

@CamiloAndres38 Год назад

Bro, muchas gracias! Que la magia de My little pony te acompañe. 💓

@ALV-mg9jg 3 года назад

Esperaré con ansias el siguiente video

@albertleog.maldonado5786 2 года назад

HOlaa, por fa cual es el otro video?

@ospina5367 3 года назад

Terminado!, muy buenos vídeos en serio Luis, explicas de una manera muy clara. Ojalá hagas una lista con Redux, Redux Sagas y Redux Thunk :)

@bryanyepez8469 3 года назад

De lejos amigo la mejor explicacion !!!! Muchas Gracias

@LuisCabrera 3 года назад

Gracias por comentar :)

@nihil_um 3 года назад

Como siempre muy claro y sencillo. Además siempre aprendes algo nuevo (al menos hablo por mí mismo...) ya no solo de React sino de Javascript como tal. Un saludo y gracias por el trabajo.

@TutorialesJescorcia 2 года назад

Excelente video men

@mauroventicinque8272 Год назад

Excelente

@MarceloZair 3 года назад

Muy buen video , gran contenido!

@josecedeno1957 2 года назад

Excelente trabajo, una recomendacion, podrias ir un poco mas lento, por que vas muy acelerado saludos

@PabloInfanteP 3 года назад

Sin desperdicio explicando.

@Grishopping 3 года назад

Mil gracias por tus video, me han aclarado muchas dudas.... ahora en espera del proximo video..... At. Jose Grillo

@robotvivo5158 Год назад

Increible. Como consumidor de cursos online les digo que estos Videos estan a la altura de los mejores tutores de udemy. Gracias Profesor Luis, recurri a su canal para entender mejor sobre el tema que explicas, ya que me quedaron dudas pero tus videos me aclaran todo.

@JoseLopez-lu6yv 3 года назад

uuufff, excelente, gracias por compartir. Tienes un suscriptor nuevo.

@ezealeman3179 3 года назад

Muy buenos tus videos, estoy viendo todos los de React que tenes, espero poder terminarlos rapido

@ulisescruzgonzalez2677 3 года назад

muy buen video muy bien explicado, quedare en espera del siguiente video donde hay multiples reducer , gracias por tu apoyo.

@jeancarlospiguavealvarado6050 3 года назад

Eres increíble, gracias por compartir tus conocimientos.

@solihm 3 года назад

Esperando tu próximo video :)

@Jefferson4026 3 года назад

Podrías en el futuro hacer un video explicativo como usar lo mismo pero con hookstate? es decir el plantemiento del reducer desde el store que despache las acciones.

@juanmaa1414 3 года назад

Nooo amigo, la simplicidad a la que llevaste todo.. ¡Gracias! 😁

@victorgiovannibeltranrodri1047 3 года назад

Es el primer video que veo y me acabo de subscribir, excelente, solo me quedo una duda, cuando usas user.? Casi no lo he usado, creo que el problema de usar nuevas características de javascript es la compatibilidad al hacer el bundle react hace un polifill de eso verdad?

@LuisCabrera 3 года назад

Hola amigo Victor no pasa nada, ya que create react app por debajo usa babel para transpilar js moderno a js con mayor compatibilidad, y el bundle final quedara totalmente compatible con navegadores antiguos 🙂

@jamavocorp 3 года назад

Que bueno que tienes este video

@sanchezcarlos1986 3 года назад

12:20 optional chaining 👏👏

@porfidev 3 года назад

Que pasa si los consumers del provider estan separados, aqui se hace un Wrapper global, lo cual ocasionaria un re-render en cada cambio (como en el video anterior), ¿que pasa si tengo 3 componentes en el APP principal pero solo necesito el provider para el 1 y 3?

@LuisCabrera 3 года назад

Si los tres están debajo en el árbol, los tres se verán afectados, en caso que veas afectado el rendimiento puedes implementar dos cosas 1. Memorización en tus componentes y en las funciones y datos del context value. 2. En lugar de Context utilizar redux o similar, evitando revisar tanto las memorizaciones En lo personal, evito Context para estados grandes, sólo uso Context en dos ocaciones 1. Estados que cambien muy poco, casi estáticos (Auth, Theme) 2. Componentes compuestos, para crear un pequeño estado global dentro del "pequeño componente",

@carlosfranco8377 8 месяцев назад

@@LuisCabrera El manejo de la app y el auth los manejas en storeReducers diferentes ?