Creando Custom Hooks y usando Context para conseguir un estado global en ReactJS

Creando Custom Hooks y usando Context para conseguir un estado global en ReactJS

115.835 Lượt nghe
Creando Custom Hooks y usando Context para conseguir un estado global en ReactJS
En la clase en vivo de hoy veremos más hooks, cómo crear nuestros propios hooks (Custom Hooks) y cómo podemos usar el contexto para crear una especie de estado global. ¡Si te gusta dale LIKE 👍 y SUSCRÍBETE! 👇 https://www.youtube.com/c/midudev?sub_confirmation=1 Repositorio con el código 📖 https://github.com/midudev/react-live-coding SEGMENTOS 📹 00:00 - Bienvenida y presentación del código 07:22 - Añadiendo un form que haga de buscador de Gifs 12:10 - Usando useLocation de wouter 21:10 - Extrayendo lógica a un custom hook: useGifs 34:20 - ¿Custom Hooks son High Order Components? 36:25 - useGifs, haciendo que use el localStorage 44:45 - ¿Por qué extraer los métodos de callback en constantes? 47:10 - Usando Context de ReactJS 50:25 - Usando el Provider del Context 52:45 - Acceder a la información del Context desde un componente 54:41 - Valor inicial de Context por si no usas Provider 01:00:44 - El problema de hacer export default 01:03:10 - Lograr un estado global usando el Context 01:17:06 - Recuperar el detalle del gif del estado global 01:19:59 - Preguntas del chat 01:34:38 - Buenas prácticas para el Context por Kent C. Dodds 01:36:05 - Despedida y cierre #reactjs #customHooks #reactContext #frontend #midudev -~-~~-~~~-~~-~- ¡No te pierdas mi último vídeo! "Variables de entorno con archivos ENV y actualizaciones en tiempo real con Firestore" https://www.youtube.com/watch?v=8ZA2p1SBssk -~-~~-~~~-~~-~-