React para Principiantes es una introducción de nueve laboratorios a las interfaces web con componentes funcionales. Desde un proyecto Vite, editarás JSX, compondrás componentes, pasarás datos, gestionarás estado local y añadirás botones, listas dinámicas, contenido condicional y formularios.
Cada laboratorio es guiado y se centra en un concepto. Ejecutarás el servidor, verás los cambios en el navegador integrado y harás pequeñas modificaciones para comprender el flujo basado en componentes.
Lo que aprenderás
- Explorar un proyecto Vite React, instalar dependencias y ejecutar el servidor
- Crear, exportar, importar y componer componentes funcionales
- Escribir JSX con expresiones, atributos, elementos autocerrados y fragmentos
- Pasar valores de padres a hijos con props, desestructuración y valores predeterminados
- Gestionar estado local y actualizaciones con el Hook
useState - Asociar eventos, inspeccionar sus objetos y evitar acciones predeterminadas del navegador
- Renderizar condicionalmente con ternarios, operadores lógicos, variables y estado
- Mapear arrays a elementos con key y crear entradas controladas y envíos de formulario
A quién va dirigido este curso
Está dirigido a personas nuevas en React que ya conocen JavaScript básico y desean aprender componentes funcionales con guía. También sirve a principiantes frontend que quieren entender cómo se combinan JSX, props, estado y eventos antes de crear una aplicación mayor.
Requisitos previos: Se recomienda JavaScript básico: funciones, variables, arrays, objetos, imports y map. Ayuda conocer elementos y atributos HTML. No se requiere experiencia con React o Vite.
Entorno de aprendizaje: Los nueve laboratorios usan un WebIDE React Ubuntu 22.04 con Node.js, npm, editor, terminal y vista Web 8080. Cada uno utiliza un proyecto Vite React; iniciarás el servidor y observarás cambios mediante sustitución de módulos en caliente.
Preguntas frecuentes
¿Construiré una aplicación React completa?
No. Crearás ejemplos enfocados: componentes, contador, vistas condicionales, listas y formulario controlado. El curso enseña la mecánica central, pero no incluye una aplicación final acumulativa.
¿Usa componentes funcionales o de clase?
Usa componentes funcionales y el Hook useState. No cubre componentes de clase ni sus ciclos de vida.
¿Incluye enrutamiento, APIs o Hooks avanzados?
No. React Router, obtención de datos, useEffect, Context, Hooks personalizados, TypeScript, pruebas, bibliotecas de estado y despliegue quedan fuera del alcance.
¿Debo instalar React en mi ordenador?
No. Cada laboratorio prepara un proyecto Vite React en el WebIDE. npm y el servidor se usan dentro del entorno; no necesitas configuración local.
