Curso de React Fundamentals

Aprende los fundamentos reales de React: componentes, JSX, props, estado, eventos, listas, efectos y cómo pensar una interfaz en piezas.

Bienvenido al curso de React Fundamentals

React no es magia ni “un HTML con superpoderes”. Es una forma de construir interfaces como un árbol de componentes que reaccionan a cambios de datos.

Si entiendes bien sus fundamentos, luego frameworks como Next.js, Remix o Astro con React dejan de parecer complicados. Lo difícil no es memorizar APIs: es entender el modelo mental.

Este curso está centrado en eso. Qué hay que saber de verdad para trabajar con React sin escribir componentes caóticos.

Qué deberías dominar al terminar

  • Cómo dividir una UI en componentes
  • Qué es JSX y qué hace realmente
  • Cómo pasan los datos con props
  • Cuándo usar estado y cuándo no
  • Cómo manejar eventos y formularios
  • Cómo renderizar listas y condicionales sin errores
  • Qué hace useEffect y cuándo evitarlo
  • Cómo añadir routing real con React Router
  • Qué reglas mentales ayudan a escribir React limpio

Lecciones del curso

  1. Qué es React y cómo piensa una interfaz
  2. JSX y componentes
  3. Props y composición
  4. Eventos y estado con useState
  5. Renderizado condicional y listas
  6. useEffect y sincronización con el exterior
  7. Formularios y estado compartido
  8. Reglas mentales y buenas prácticas
  9. React Router / react-router-dom: modos y patrones reales

¿Por dónde empezar? Por la base: Qué es React y cómo piensa una interfaz