/workshop-pensando-en-react

Workshop introductorio a React

Primary LanguageJavaScriptMIT LicenseMIT

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:

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

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

Crear nuestra primer Aplicación

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