REACT DESDE 0 [TALLER - 7] - USECONTEXT & REACT CONTEXT
Séptimo taller de introducción a React desde cero. En esta serie de vídeos exploraremos todo el recorrido de 0 a 100 con esta librería 🎢.
Para leer el artículo correspondiente a este directo, entra en https://www.minicodelab.dev/feed/reac... 🚀
Enlace al repositorio: https://github.com/MiniCodeLab/taller...
Os esperamos en el siguiente directo MiniCoders!
---
00:00:00 - Intro
00:00:30 - Context vs Redux
00:11:12 - Explicamos React Context
00:22:30 - Ejemplo de código: Cambio de Tema Claro/Oscuro
00:27:26 - CSS, SASS, SCSS, CSS Modules...
00:28:27 - Creamos el Header y le damos estilos
00:38:42 - ¿Cómo usar BEM para CSS?
00:43:50 - Añadimos botón para cambiar de tema
00:46:40 - Creamos un nuevo Contexto
00:55:30 - Mejoramos el contexto, añadimos tipos y control por state
01:04:00 - Consumimos el contexto en el Header para cambiar el HTML
01:06:32 - Añadimos CSS para los temas Claro/Oscuro
01:10:48 - Refactorizamos y creamos ThemeSwitcher
01:14:38 - Esquema de comportamiento actual de la app
01:18:30 - Abstraemos el contexto en su propio Provider
01:27:40 - Guardamos la preferencia de tema en LocalStorage
01:34:20 - Arreglamos el flickering causado por el useEffect
01:39:00 - Esquema final de comportamiento y despedida
---
Síguenos en:
Twitch: / minicodelab
Instagram: / minicodelab
Twitter: / minicodelab
Youtube: https://www.youtube.com/channel/UCN1S...
TikTok: / minicodelab
GitHub: https://github.com/MiniCodeLab
Linkedin: / minicodelab