useReducer y tests de hooks con react-hooks-testing-library
Hoy veremos cómo podemos usar el hook useReducer para simplificar tests complicados y además cómo podemos crear tests de nuestros hooks gracias a react-hooks-testing-library.
➤ SUSCRÍBETE: https://www.youtube.com/c/midudev?sub_confirmation=1
➤ Repositorio de Código: https://github.com/midudev/react-live-coding
📹 SEGMENTOS:
00:00 - Bienvenida
01:30 - ¿Dónde encuentro el código de la clase?
02:17 - Repaso de la app y el proyecto
03:10 - Añadiendo el buscador en los resultados de búsqueda
06:25 - Añadir el filtro de rating al buscador
10:24 - Soportar nueva ruta de búsqueda y mantener compatibilidad
13:54 - Pasando el parámetro rating a hooks y servicios
16:43 - Añadir initialKeyword e initialRating para mejorar el formulario
21:20 - Añadimos otro state para contar cuantas veces cambiamos la búsqueda
22:18 - ¿Por qué necesitamos useReducer? El problema del useState
25:30 - Preguntas y respuestas al chat en directo
29:57 - Implementando un useReducer desde cero
37:13 - Preguntas y respuestas II
40:12 - Mejorando el useReducer usando actions
46:13 - Buenas prácticas al usar useReducer
50:51 - Voy a invertir vuestras donaciones en un StreamDeck
51:55 - ¿Puedo enviar varios actions en un dispatch?
54:02 - Otras preguntas y respuestas
57:05 - Reducer sin switch y programación funcional
01:01:05 - Ejercicios para que sigáis practicando
01:03:13 - ¡Gracias por vuestras aportaciones!
01:05:10 - Creando un custom hook con nuestro reducer
01:12:50 - ¿No sería mejor dejar el dispatch?
01:17:12 - Test de hooks con React Hooks Testing Library
01:23:40 - ¿Por qué necesitamos usar act?
01:32:57 - ¡Más preguntas vuestras!
01:42:37 - ¡Despedida y cierre!
-~-~~-~~~-~~-~-
¡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
-~-~~-~~~-~~-~-
Видео useReducer y tests de hooks con react-hooks-testing-library канала midudev
➤ SUSCRÍBETE: https://www.youtube.com/c/midudev?sub_confirmation=1
➤ Repositorio de Código: https://github.com/midudev/react-live-coding
📹 SEGMENTOS:
00:00 - Bienvenida
01:30 - ¿Dónde encuentro el código de la clase?
02:17 - Repaso de la app y el proyecto
03:10 - Añadiendo el buscador en los resultados de búsqueda
06:25 - Añadir el filtro de rating al buscador
10:24 - Soportar nueva ruta de búsqueda y mantener compatibilidad
13:54 - Pasando el parámetro rating a hooks y servicios
16:43 - Añadir initialKeyword e initialRating para mejorar el formulario
21:20 - Añadimos otro state para contar cuantas veces cambiamos la búsqueda
22:18 - ¿Por qué necesitamos useReducer? El problema del useState
25:30 - Preguntas y respuestas al chat en directo
29:57 - Implementando un useReducer desde cero
37:13 - Preguntas y respuestas II
40:12 - Mejorando el useReducer usando actions
46:13 - Buenas prácticas al usar useReducer
50:51 - Voy a invertir vuestras donaciones en un StreamDeck
51:55 - ¿Puedo enviar varios actions en un dispatch?
54:02 - Otras preguntas y respuestas
57:05 - Reducer sin switch y programación funcional
01:01:05 - Ejercicios para que sigáis practicando
01:03:13 - ¡Gracias por vuestras aportaciones!
01:05:10 - Creando un custom hook con nuestro reducer
01:12:50 - ¿No sería mejor dejar el dispatch?
01:17:12 - Test de hooks con React Hooks Testing Library
01:23:40 - ¿Por qué necesitamos usar act?
01:32:57 - ¡Más preguntas vuestras!
01:42:37 - ¡Despedida y cierre!
-~-~~-~~~-~~-~-
¡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
-~-~~-~~~-~~-~-
Видео useReducer y tests de hooks con react-hooks-testing-library канала midudev
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
TESTING en REACT 🧪 ¡Aprende DESDE CERO! Con react-testing-library y Jest (FullStack Bootcamp JS)How to Test In React - React Testing Library + Jest Tutorial📈 STATE OF CSS 2021 - ADIÓS SASS y BOOTSTRAP, HOLA TAILWIND 👋CSS Grid, Infinite Scroll y Tests en nuestra app de ReactReact Today and Tomorrow and 90% Cleaner React With HooksMock React job interview (featuring Cassidy Williams)React Hooks | useReducer vs. useStateThe Perfect Beginner React Project⭐ REFACTORIZANDO componentes de React con Custom Hooks - FullStack Bootcamp JavaScript💬 ¡Descubre las TENDENCIAS en CSS! Hablamos de STATE of CSS 2020 🖼🤩 DOMINA todos los FORMATOS de PRUEBAS TÉCNICAS en PROGRAMACIÓN (¡con consejos!)Learn React Native Gestures and Animations - TutorialTesting React HooksCrea una app con React usando create-react-appSubiendo imágenes a Cloud Storage y creando un Timeago de forma nativa sin Moment.jsLearn useReducer In 20 MinutesSEO con React y Deploy integrado con GitHub🔴 TESTING de BACKEND con Express usando JEST y SUPERTEST ~ FullStack Bootcamp JavaScript