Index
Workshop de React
En este workshop, vamos a aprender y entender las bases de React haciendo una app que nos muestre el clima en alguna ciudad. (Buenos Aires en el ejemplo pero pueden cambiarlo por la ciudad donde viven 馃榾)
La idea es empezar viendo la intro que posee data adicional en las notas para
presentaci贸n (Alt + P)
Click para ver la presentaci贸n 鈿涳笍
Luego, si queremos ampliar los 4 conceptos fundamentales, en cada uno de estos links hay teor铆a para profundizar sobre cada tema:
(por ahora son links directos a la p谩gina de Flavio Copes en ingl茅s, la idea es ir traduciendo a espa帽ol el contenido, ya habl茅 con 茅l y me dio permiso para hacerlo 馃榾)
Navegaci贸n por el workshop: Como ver谩n si van para abajo de todo, hay botones para ir al pr贸ximo paso, para hacer las cosas en orden. Si ya est谩n avanzados tienen a la izquierda el men煤 (o en un bot贸n arriba si est谩n viendo esto en mobile).
Y este es un temario con lo que vamos a ver en cada paso del workshop:
- Intro: Qu茅 es un componente, nuestro primer componente. Conceptos como componente funcional y de clase, qu茅 es el DOM (en un link externo s煤per completo).
- Props y State: Conceptos de props y state, fundamentales para el manejo de datos en React.
- Workshop - Paso 1: Ciclos de vida de componentes, variables de entorno, template strings, uso de fetch(), destructuring, conditional rendering, manipulando el state con setState.
- Workshop - Paso 2: Divisi贸n en componentes, iteraci贸n de componentes.
- Workshop - Paso 3: Creando una Lambda Function para nuestro "backend", deploy de nuestra app en Netlify, resguardo de API key.
Cr茅ditos
Fuentes usadas para hacer este workshop: