¿Qué es React?

Librería para crear interfaces de usuario

Aprende React

Desarrollo de aplicaciones web

Liberada de código abierto en 2013
Creada por Facebook
Basada en XHP, una evolución de PHP
Nacida para dar respuesta a las necesidades de las SPA (Single Page Application)

Origen

Aprende React

Desarrollo de aplicaciones web

Grandes compañías la usan ya en producción

Aprende React

Desarrollo de aplicaciones web

https://github.com/facebook/react/wiki/sites-using-react

Declarativo

Indicamos el QUÉ, no el CÓMO

Aprende React

Desarrollo de aplicaciones web

// imperativo
Ve a la cocina
Abre la nevera
Coge el pollo de la nevera.
... // más pasos
Prepara la mesa.
Lleva la comida a la mesa.

// declarativo
Quiero cenar pollo.

Basado en componentes

Divide la interfaz en trozos más pequeños y reusables
Puedes crear nuevos componentes usando componentes más pequeños
Cada componente encapsula su estado
Código más reusable, pequeño y mantenible

Aprende React

Desarrollo de aplicaciones web

Programación reactiva

Cada componente "reacciona" y se vuelve a renderizar cuando se produce un cambio de estado o le llegan nuevas propiedades.

Aprende React

Desarrollo de aplicaciones web

El famoso botón Like de Facebook es un componente de React que reacciona al evento click del usuario y cambia su estado de inactivo a activo.

Virtual DOM y diffing

Aprende React

Desarrollo de aplicaciones web

Genera una copia del árbol de elementos del navegador para solo hacer los mínimos cambios necesarios para reflejar el estado de nuestros componentes.

Eventos sintéticos

Aprende React

Desarrollo de aplicaciones web

Abstracción de los eventos nativos de los navegadores
Compatibilidad cross browsing sin necesidad de más librerías.
Soporte para todos los eventos que puedas necesitar desde click y double click, hasta eventos móviles como touchstart y touchend.

Server Side Rendering

Aprende React

Desarrollo de aplicaciones web

Renderiza tu aplicación de React en el servidor, perfecto para SEO y performance