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

¿El lenguaje de maquetado (markup), el más aburrido y el más importante?

¿Qué es ReactJS?

ReactJS es una biblioteca de JavaScript utilizada para crear interfaces de usuario. Es una de las tecnologías JS de más rápido crecimiento utilizadas por los desarrolladores.

El 62.5 por ciento de los desarrolladores la nombran como la tecnología más utilizada, y el 66.9 por ciento de los desarrolladores afirma que React es el más querido. Sitios web como The New York Times, Facebook, Yahoo !, Instagram, Khan Academy y Netflix están basados en ReactJS.

Se agradece a ReactJS porque la representación se vuelve simple y fácil, trabajar con la interfaz de programación de aplicaciones del modelo de objeto de documento es un proceso difícil y sofisticado, mientras que React ayuda a los programadores a trabajar con un navegador virtual , que es más fácil de usar que el real.

Historia

React es una librería desarrollada inicialmente por Facebook. Es software libre y a partir de su liberación acapara una creciente comunidad de desarrolladores y entusiastas. Su creación se realizó en base a unas necesidades concretas, derivadas del desarrollo de la web de la popular red social. Además de facilitar el desarrollo ágil de componentes de interfaces de usuario, el requisito principal con el que nació React era ofrecer un elevado rendimiento, mayor que otras alternativas existentes en el mercado.

Detectaron que el típico marco de binding y doble binding ralentizaba un poco su aplicación, debido a la cantidad de conexiones entre las vistas y los datos. Como respuesta crearon una nueva dinámica de funcionamiento, en la que optimizaron la forma como las vistas se renderizaban frente al cambio en los datos de la aplicación.

A partir de ahí la probaron en su red social con resultados positivos y luego en Instagram, también propiedad de Facebook. Más adelante, después de su liberación y alentados por los positivos resultados en el rendimiento de React, muchas otras aplicaciones web de primer nivel la fueron adoptando. BBC, Airbnb, Netflix, Dropbox y un largo etc.

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