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

Props

Los props son de sólo lectura. Ya sea que declares un componente como una función o como una clase, este nunca debe modificar sus props. Tales funciones son llamadas “puras” porque no tratan de cambiar sus entradas, y siempre devuelven el mismo resultado para las mismas entradas. React es bastante flexible pero tiene una sola regla estricta:

Todos los componentes de React deben actuar como funciones puras con respecto a sus props.

State

Por supuesto, las interfaces de usuario de las aplicaciones son dinámicas y cambian con el tiempo. introduciremos un nuevo concepto de “estado”. El estado le permite a los componentes de React cambiar su salida a lo largo del tiempo en respuesta a acciones del usuario, respuestas de red y cualquier otra cosa, sin violar esta regla.

Happy Coding! ❤

Recursos extra

spaceman

¿List@ para ver todo el curso? Prepárate porque apenas estamos comenzando 🚀

¡Desbloquea el curso completo y conviértete en un PRO del desarrollo web! 🫶🏻 .