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

ReactJS en local

¿Qué es Create React App?

React se ha convertido rápidamente en un popular framework para la creación de views del lado del cliente y del lado del servidor. Había una mayor barrera de entrada a herramientas junto con cierta frustración y fatiga JavaScript de la comunidad. La create-react-app fue creada para hacer frente a esas frustraciones.

¿Qué es Yarn?

YARN es un gestor dependencias de JavaScript, que está enfocado en la velocidad y la seguridad , y a diferencia de otros gestores como NPM, YARN es muy rápido y muy fácil de usar .

Además, devuelve un feedback al usuario bastante amigable, lo que hace que este sienta que realmente la propia herramienta vela porque aprendamos a usarla y porque tengamos siempre la mejor y más clara ayuda posible .

Diferencias con NPM

A pesar de la gran similitud entre ambas herramientas, YARN está muy orientada en seguridad y en velocidad .

  • Más seguridad y mejor performance .
  • Distintos algoritmos de determinismo en los lock files
  • Tiene un chequeador de licencias

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! 🫶🏻 .