Ruta · React

Una interfaz armada por partes que responde sola.

Componentes que reciben datos, listas construidas desde un arreglo, condiciones que deciden qué se ve y estado que cambia cuando alguien hace clic. Doce módulos con JSX real y componentes que se ejecutan.

Ir al laboratorio 3 niveles · 12 módulos

>_React

JSX transformado y componentes ejecutados de verdad.

Tu recorrido

Tres niveles. Doce módulos encadenados.

Cómo funciona este laboratorio

Escribes JSX y se transforma en llamadas a createElement, igual que hace Babel en un proyecto real. Después tus componentes se ejecutan con el intérprete del sitio, se dibuja el resultado y, en los módulos con interacción, se presionan los controles indicados para que veas cómo cambia la pantalla en cada paso.

Escribe el componente y termina el archivo con render(NombreDelComponente).
Ejecuta: arriba verás la interfaz y abajo la secuencia de renders.
Comprueba que cada paso muestre lo que pide la misión.

Están disponibles los componentes de función, props, children, key y useState. No es React completo: no hay reconciliación con DOM virtual, ni useEffect, ni contexto, ni renderizado concurrente, ni fragmentos vacíos. El marco donde se dibuja la interfaz no ejecuta scripts y solo muestra imágenes incrustadas: una dirección externa no se descarga. El primer render de las doce soluciones se contrasta contra React 19 real en las pruebas del proyecto, transpilando el mismo JSX con el compilador de TypeScript.

Módulo 1 de 120 completados

Completa los cuatro módulos de cada nivel para abrir el siguiente y habilitar su mini examen. Cada examen tiene cinco preguntas y se aprueba con cuatro aciertos; completa los doce módulos y aprueba los tres exámenes para cerrar la ruta.

Mini exámenes: 0 de 3 aprobados

La idea clave

Tu misión

AYUDA GRADUALPistas del módulo

REACT

Inicio

RESULTADOInterfaz y renders

VALIDACIÓNQué comprobaremos

Estamos preparando la siguiente etapa.

Una interfaz armada por partes que responde sola.

Tres niveles. Doce módulos encadenados.

La idea clave

Doce módulos y tres mini exámenes superados.