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