React es una librería de JavaScript diseñada para crear interfaces de usuario mediante componentes que son modulares y reutilizables, manteniendo su propio estado y facilitando el flujo de datos en una sola dirección. Utiliza un DOM virtual y un algoritmo de 'diffing' para actualizar el DOM de manera eficiente, además de implementar JSX para declarar árboles de vistas. No debe confundirse con un framework completo, aunque React Native permite crear aplicaciones nativas de manera similar.

2. ¿Qué es React?
Una librería Javascript para crear interfaces.

4. Componentes DOM virtualEstado interno JSX

5. Componentes
• Código modular y
reusable

6. • El componente mantiene su
estado.
• Los datos fluyen en una
dirección.
• Cada cambio re-renderiza la
vista –de React, no del DOM.
Estado interno

7. • Las vistas de React son
abstracciones del DOM real.
• Algoritmo de diffing que
actualiza el DOM sólo con
cambios.
• Renderizado en el servidor.
DOM virtual

8. • El componente sabe cómo
renderizarse.
• React apuesta por JSX,
una extensión de Javascript
que se parece a XML.
• Hace muy fácil declarar
árboles de vistas dentro del
componente.
JSX

9. ¿Qué no es React?
React no es un framework completo.

10. React Native
Aplicaciones nativas al estilo React.
*Sólo en iOS por el momento.

11. Lectura recomendada
https://scotch.io/tutorials/learning-react-getting-started-and-concepts

12. gorka@gorkamm.com
github.com/GorkaMM
gorkamagaña.com