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.

1. Escribe el componente y termina el archivo con render(NombreDelComponente).
2. Ejecuta: arriba verás la interfaz y abajo la secuencia de renders.
3. 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.