¡No necesitas Redux en React! Aprende a usar Zustand, alternativa sencilla. (Curso de React)

Lección 11 de 1292%

Ya has superado la mitad. Estás muy cerca de completar el curso.

AnteriorÚltima lección - Marca como completada abajo

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

Lección 11 de 12Nivel: principianteDuración total: 21h 7m

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