Ejercicio

Conociendo JSX

Desafío

En esta lección podrás a prueba lo que has aprendido hasta ahora implementando una interfáz estática utilizando componentes React.

Esta será una aplicación completamente escrita en React a modo SPA (Single Page Application) pero te enfocarás solo en la creación de componentes y su composición.

Para lograr esto tendrás acceso a algunos componentes pre-determinados y otros recursos como estilos para utilizar.

Primeros Pasos

  • Ejecuta el código de esta lección utilizando npm run dev y seleccionado lección 13
  • Abre el código de la lección en tu editor de código favorito.
  • Revisa la estructura de archivos
  • Realiza tu trabajo en lls archivos

Objetivos

  • Crear una aplicación estática utilizando componentes React.
  • Esta aplicación tiene que contar con:
    • Una layout pre-definido
    • Un formulario ( con al menos un campo de texto) para capturar texto del usuario
    • Un botón para iniciar la captura de datos
    • Una lista de elementos renderizada desde una arreglo de datos.

Ejercicios

  1. Implementar el layout base utilizando los componentes propuestos.
  2. Impementar un formulario para capturar información de usuario (con componentes controlados o no-controlados)
  3. Implementar una lista de "items" (utilizando el componente correspodiente)