Logo de Beunicoos
midudev
useReducer y tests de hooks con react-hooks-testing-library
¡UPS! Para ver vídeos en la web debes estar registrado, es totalmente gratuito.

1.320 visualizaciones

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
-~-~~-~~~-~~-~-