Lecciones del curso
Crea aplicaciones con React y Redux
¿Para qué sirve React?
8m
Introducción a React
7m
Usando ReactJS
Recapitulando
CodeSandbox
create-react-app
Babel-Standalone
Tu primer componente
Creando más componentes
Tipos de componentes
Modularización
Estructura de carpetas y componentes
State y Props
Usando props
Eventos básicos de React
Función extra "for the lols"
Introducción a Yarn
Estructura básica de carpetas
Primer componente en Create-React-App
Segundo componente con props
Estilos en React con css normal
Estilos en React con css modules
Creando el componente login
Instalando React Router
Instalación de Redux
Configurando Redux parte 1 | rootReducer
Configurando Redux parte 2 | Store
Configurando Redux parte 3 | Provider
Agregando Redux dev tools
Agregando la ruta Profile
Usando Redux | Connect
Usando Redux | Creando Constants y Actions
Usando Redux | Usando Actions en los componentes
Agregando un backend | Firebase
Usando Auth de Firebase con Redux
Componentes de React
Por lo general, las aplicaciones de React nuevas tienen un único componente App en lo más alto. Sin embargo, si se integra React en una aplicación existente, se podría empezar de abajo hacia arriba con un pequeño componente como Button y poco a poco trabajar el camino a la cima de la jerarquía de la vista.
Extraer componentes
Extraer componentes puede parecer un trabajo pesado al principio, pero tener una paleta de componentes reutilizables vale la pena en aplicaciones más grandes. Una buena regla en general es que si una parte de su interfaz de usuario se usa varias veces (Button, Panel, Avatar), o es lo suficientemente compleja por sí misma (App, FeedStory, Comment), es buen candidato para ser un componente reutilizable.
Happy Coding! ❤
