La idea de este Workshop es aprender a usar y pensar en React mientras hacemos una aplicación.

Podes ver la presentación en el siguiente link

Usando npm

git clone [email protected]:leoasis/workshop-pensando-en-react.git
cd workshop-pensando-en-react
npm install
npm start

o si usas yarn

git clone [email protected]:leoasis/workshop-pensando-en-react.git
cd workshop-pensando-en-react
yarn install
yarn start

Esto va a levantar un servidor y va a abrir una ventana del navegador con la pagina inicial.

Desde allí se puede navegar a los ejercicios de los fundamentos, o a las versiones inicial y final de la aplicación.

• Instalar React Devtools en Chrome

• Para poder utilizar la aplicación necesitas tener una cuenta de Spotify (no hace falta que sea Premium) si todavía no tenes una.

Si todavía no conocés nada de React, te recomiendo arrancar con los fundamentos.

En caso de ya tener conocimientos, podés ir directo a crear la aplicación. Siempre podés volver a los fundamentos si hay algo que no te queda claro como hacer.

0. Intro
1. Render y Create Element
2. Componentes
3. JSX
4. Manejo de Estado (setState y re-render)
5. Eventos
6. Listas
7. Ciclo de vida de los componentes
8. Refs
9. Elementos de formulario
10. Outro

0. Intro
1. Partir la interfaz en componentes
2. Crear una versión estática
3. Identificar la representación mínima del estado
4. Identificar dónde debe vivir nuestro estado
5. Agregar interacciones
6. Outro