¡Guía para pasar paso a paso una Prueba Técnica Real de React!
Buenas prácticas, ideas, trucos y consejos. Además, aprenderás para qué sirven y cómo usar los hooks useMemo, useCallback y useRef de React.
👨💻 Repositorio de código: https://github.com/midudev/aprendiendo-react
📹 Lista de vídeos: https://www.youtube.com/watch?v=7iobxzd_2wY&list=PLUofhDIg_38q4D0xNWp7FEHOTcZhjWJ29
💬 ¿Dudas de React? Pregunta aquí: https://discord.gg/midudev
🔴 No te pierdas más directos en: https://www.twitch.tv/midudev
SEGMENTOS
00:00 - Introducción
02:38 - Inicializamos el proyecto
04:50 - Truco sobre los estilos
06:20 - Empezamos a escribir código
08:44 - Estilos básicos de nuestra app
11:45 - Truco al usar APIs
18:24 - ¡No hagas esto en React!
23:40 - Evita depender del contrato de la API
26:00 - Crea un custom hook useMovies
30:40 - Manejar formularios y hook useRef
37:37 - Usa formData para recuperar todos los datos del formulario
41:20 - Controlar formularios con React
46:45 - Cuidado con leer estados previos
50:00 - Estilar inputs según errores
52:14 - Volvemos a explicar useRef
54:10 - Extraer a useSearch a Custom Hook
56:45 - Usar useRef para detectar cuando es la primera vez
01:03:15 - Estilar como grid los resultados
01:10:55 - Fetching de datos
01:18:10 - Extraer lógica a servicio
01:25:35 - Evitar la misma búsqueda con useRef
01:34:05 - Ordenar películas por año de lanzamiento
01:39:00 - Cómo usar useMemo para mejorar rendimiento y evitar cálculos
01:45:10 - Usar useMemo para evitar recrear función en cada render
01:52:30 - Cómo usar useCallback
01:57:00 - Crear una función debounce desde cero
▶ No te pierdas más directos en: https://www.twitch.tv/midudev