¡No necesitas Redux en React! Aprende a usar Zustand, alternativa sencilla. (Curso de React)
54.9 هزار بار بازدید -
11 ماه پیش
-
Estaremos creando un JavaScript Quiz
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: Twitch: midudev
▶ Discord de la Comunidad: Discord: discord
▶ Preguntas de entrevistas de React.js: https://github.com/midudev/preguntas-...
📚 Repositorio del curso ReactJS: https://github.com/midudev/aprendiend...
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
▶ No te pierdas más directos en: Twitch: midudev
▶ Discord de la Comunidad: Discord: discord
▶ Preguntas de entrevistas de React.js: https://github.com/midudev/preguntas-...
📚 Repositorio del curso ReactJS: https://github.com/midudev/aprendiend...
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
11 ماه پیش
در تاریخ 1402/06/04 منتشر شده
است.
54,979
بـار بازدید شده