Awesome
Workshop - Pensando en React
La idea de este Workshop es aprender a usar y pensar en React mientras hacemos una aplicación.
Presentación
Podes ver la presentación en el siguiente link
Setup
Instalación
Usando npm
git clone git@github.com:leoasis/workshop-pensando-en-react.git
cd workshop-pensando-en-react
npm install
npm start
o si usas yarn
git clone git@github.com: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.
React Devtools:
- Instalar React Devtools en Chrome
Spotify:
- Para poder utilizar la aplicación necesitas tener una cuenta de Spotify (no hace falta que sea Premium) si todavía no tenes una.
Contenido
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.
Fundamentos
- Intro
- Render y Create Element
- Componentes
- JSX
- Manejo de Estado (setState y re-render)
- Eventos
- Listas
- Ciclo de vida de los componentes
- Refs
- Elementos de formulario
- Outro