React: interfaces que se describen
Componentes, estado y efectos, con el resultado dibujandose al lado.
13 aulas · 6 horas de práctica · en el navegador, sin instalar nada
Temario
- Qué es un componente — Una función que devuelve pantalla, y por qué eso cambia cómo se escribe una interfaz.
- JSX: JavaScript adentro de la pantalla — Llaves, atributos que cambian de nombre, y cómo se decide qué mostrar.
- Props: datos que bajan — Cómo un componente recibe datos, y por qué no puede cambiarlos.
- Listas y la prop `key` — map para dibujar colecciones, y por qué el índice como key es un bug esperando.
- Taller — La galeria — Un album de figuritas de bichos de programacion: ocho tarjetas dibujadas desde un array, con vitrinas y siluetas. Cuatro aulas y ni un useState.
- Estado: lo que cambia — useState, por qué una variable común no alcanza, y por qué el estado no cambia en el acto.
- Eventos y formularios — Componentes controlados: el input muestra el estado, y el estado manda.
- Efectos: hablar con el mundo de afuera — useEffect, el array de dependencias y la función de limpieza. Y, sobre todo, cuándo NO usarlo.
- Taller — Piedra, papel o tijera — Un juego que se juega de verdad contra la maquina del pasillo, que tiene un vicio: siempre juega en el mismo orden. Estado, eventos y un efecto.
- Levantar el estado — Dos componentes hermanos que se tienen que enterar de lo mismo: el estado sube al padre y baja como props.
- Composición: componentes con lugar adentro — `children`, huecos con nombre y por qué dos instancias del mismo componente no comparten nada.
- Identidad: por qué un efecto no para nunca — Funciones y objetos nuevos en cada render, useCallback y useMemo, y por qué optimizar antes de medir sale mal.
- Taller: el tablero de tareas — Cuatro capas para armar un tablero completo: alta, tachado, filtro y limpieza. Todo lo de la carrera, junto.