¡No necesitas Redux en React! Aprende a usar Zustand, alternativa sencilla. (Curso de React)
Ya has superado la mitad. Estás muy cerca de completar el curso.
Sobre esta lección
Estaremos creando un JavaScript Quiz con Zustand, React, Material UI y TypeScript desde cero. Zustand es una alternativa a Redux sencilla de usar. ▶ No te pierdas más directos en: https://www.twitch.tv/midudev ▶ Discord de la Comunidad: https://discord.gg/midudev ▶ Preguntas de entrevistas de React.js: https://github.com/midudev/preguntas-entrevista-react 📚 Repositorio del curso ReactJS: https://github.com/midudev/aprendiendo-react 0:00 Explicando el proyecto 0:34 Alternativa a Redux 1:50 Redux vs Zustand 8:38 Diferencia en código Redux vs Zustand 14:59 CREANDO PROYECT CON VITE 16:44 Material UI 18:30 Instalando Linter -Standar 20:36 Estructura con Material UI (MUI) 24:28 página de inicio para mostrar las preguntas 26:42 Instalar Zustand para estado global 27:40 Tipar con TypeScript 30:41 Creando estado global 36:56 Recuperar preguntas 39:05 Creando el juego 41:29 Estructura del juego 42:06 Agregando Pregunta 43:07 Agregando Sintax Highlight 46:32 DarkMode MUI 47:35 Agregando Listas 51:20 Hacer que el usuario seleccione la respuesta 53:05 Structure Clone 57:28 Acción de seleccionar respuesta 1:02:12 Respuesta correcta 1:07:38 Confetti 1:09:24 Paginación 1:13:14 Leer la info. del estado global 1:16:53 Custom Hook de Questions 1:20:36 Persistencia de datos con LocalStorage (persist) 1:24:28 Botón de resetear 1:25:59 Pregunta de la comunidad 1:30:40 Redux DevTools
Sobre este curso
Lo que aprenderás en este curso:
- Comprender la arquitectura de componentes de React
- Gestionar el estado de la aplicación con hooks y context
- Crear interfaces de usuario dinámicas y reactivas
- Implementar enrutamiento y navegación en aplicaciones React