React: Estado del componente, Renderizado Condicional y Eventos - Bootcamp FullStack Gratuito
¡Seguimos aprendiendo React! Vemos cómo usar el hook useState para añadir estado a nuestro componente. Cómo hacer un conditional rendering, controlar eventos y algunas buenas prácticas cuando trabajamos con la biblioteca de Frontend.
Suscríbete al canal 🔔
► https://www.youtube.com/c/midudev?sub_confirmation=1
00:00 - Introducción de la clase de hoy
01:56 - ¿Cómo volver a renderizar la app con nuevos datos?
08:15 - Estado de los componentes. Conociendo useState.
20:32 - Controlando eventos en React. onClick.
28:40 - Extraer funciones para manejar eventos
35:37 - Reglas de los hooks en React
38:29 - Actualizar state con una función
43:40 - Si actualizas un estado con el mismo valor, no renderiza de nuevo
47:00 - Preguntas y respuestas en el chat
52:27 - Manejando estados complejos con React y useState
01:07:50 - Evitar tener estados que no necesitas
01:14:55 - Debuggando aplicación de React
01:22:45 - Preguntas y respuestas del chat
01:27:27 - Cómo resetear el state correctamente
01:35:22 - Últimas preguntas del chat
Cómo manejar matrices en el estado, buenas prácticas del State en React, reglas de los hooks, funciones que devuelven funciones y mucho más.
¿Lo quieres ver en directo?
Todos los domingos a las 8PM (hora Española) en Twitch: https://twitch.tv/midudev
Contenido del curso
1
Presentación del curso y Fundamentos del Desarrollo Web - Bootcamp FullStack Gratuito
2
Aprendiendo Javascript y React desde cero - Bootcamp FullStack Gratuito
3
React: Estado del componente, Renderizado Condicional y Eventos - Bootcamp FullStack Gratuito
4
Renderizar listas de elementos y Formularios en React - Bootcamp FullStack Gratuito
5
Fetching y Mutación de Datos en React con el hook useEffect- Bootcamp FullStack Gratuito