En este tutorial, aprenderás los fundamentos esenciales para empezar tu carrera profesional como un React developer.

Cuando hayas terminado, tendrás los fundamentos esenciales para crear experiencias excelentes para los usuarios de tus aplicaciones.

Lo que vas a aprender

Pensando en React
Como configurar una app React desde cero y de forma estática.
¿Por que usamos JSX?
¿Qué es un componente? y como pensar en términos de componentes.
Como crear componentes utilizando React y JSX.
Cómo manejar estilos en tu aplicación.
Cómo renderizar listas de datos y que es la prop key.
Cómo manejar formularios y eventos mendiante manipulación del estado.

Este es un tutorial interactivo

Aprender requiere de esfuerzos activos.

No es suficiente sentarte enfrente de tu pantalla absorbiendo contenido y esperar poder aplicar esos conocimientos a contextos externos.

Requiere que te esfuerces. Que te enfrentes con esos bloqueos en tu camino y que tengas las herramientas y el apoyo necesario para superarlas.

Eso es este tutorial.

Requerimientos

Cada ejercicio contiene una inserción de Stackblitz que puede usar si prefiere no instalar este repositorio localmente.

Si prefieres installar este repositorio localmente por favor realiza los siguientes pasos.

Estructura de las lecciones

Cada concepto o contenido esta encapsulado en su propia lección y cada lección tiene su propio directorio con recursos, ejemplos de código y desafíos.

En cada directorio encontrarás un nuevo archivo README.md, en el encontrarás una descripción de lo que encontrarás en la lección e instrucciones para llevar a cabo los ejercicios, desafíos o cuestionarios.

Además encontrarás la configuración necesaria para ejecutar el proyecto que te permitirá resolver los ejercicios.

Ejemplos de ejercicios

Los ejercicios consisten en el desarrollo y solución de una problemática asociada al concepto que estás aprendiendo en la lección. Esto implica, que el código tendrá pistas y guías para que te mantengas enfocado en el tema correspondiente.

Para esto encontrás comentarios y emojis que te ayudarán en el camino.

💡: Indica el contenido del ejercicio.
🏋️‍♂️: Indica el ejercicio en particular.
🍬: Desafío o crédito extra.