React es una herramienta poderosa y flexible para construir aplicaciones web modernas. Su enfoque basado en componentes, el uso de JSX y su gestión eficiente del estado lo convierten en una de las opciones más populares para el desarrollo frontend.
El objetivo de este workshop es aprender a:
- Crear un proyecto de React con Vite.
- Definir y usar componentes funcionales en React.
- Entender la sintaxis básica de JSX.
- Renderizar información estática en la interfaz.
- Ejecutar y probar la aplicación en el navegador.
Vamos a construir una tarjeta de presentación en React para practicar la creación de componentes básicos y la estructura de JSX. La tarjeta mostrará información estática como el nombre, la profesión y un breve mensaje de presentación. Este ejercicio ayudará a comprender cómo funciona JSX y la organización de componentes en React.
- Te proporcionamos un recurso base para poder llevar el taller por tu cuenta. Lo puedes consultar en el siguiente enlace: https://gist.github.com/heladio-devf-mx/934c3561503c179ac6fabdd9653c35eb.
- Te recomendamos que termines el taller como lo hemos planteado y depués intentes crear algo adicional y novedoso.
- Experimenta con distintos escenarios a los que se plantean y asegúrate de que funcione como deseas, incluso puedes crear conponentes funcionales personalizados según lo que quieras conseguir. Entregables
Para este proyecto se debe crear un repositorio nuevo y agregar los archivos necesarios que contenga la solución al problema planteado. Si tienes alguna duda de este ejercicio, no dudes en consultarla con tu sensei para que quede claro. También puedes solicitar una asesoría.
Crea un nuevo repositorio en tu equipo local para solucionar el problema planteado. Crea uno o más 'commits' en tu repositorio con los archivos utilizados en la solución. Si quieres agrega otro(s) archivo(s) que tengas con ejemplos de la clase o con algún ejemplo que tú hayas intentado mucho mejor. Comparte la liga de Github de tu repositorio con la solución.