React en solo 5 minutos. Aprende sobre lo que es react y lo que lo conformo. React.js es una biblioteca creada por facebook para front-end en javascript Linkedin: https://www.linkedin.com/in/diegod3v  Facebook: https://www.facebook.com/diegod3v  Instagram: https://www.instagram.com/diegod3v  Twitter: https://twitter.com/diegod3v

1. React
En 5 minutos
@diegod3v

2. Usando componentes.
Tiene la filosofía de
“Learn once, write
anywhere”
Crear
UI* con JS
Biblioteca UI

5. <JSX />

7. Recibe las propiedades y
las usa en el estado inicial
Pasa las propiedades a
nuestro componente
Métodos para el ciclo de
vida
Método principal render
Manejo del estado
Uso del estado en la UI

8. 1000ms
setState()
render()

11. Recapitulando
• React es una biblioteca para crear UI y más (VR, Apps Nativas)
usando JSX. Learn once, write anywhere
• Se basa en el uso de componentes, los componentes son
abstracciones de las piezas de la UI, estos contienen un estado
(state) y recibe propiedades (props)
• Cada componente es una clase e implementa métodos en esta, que
siguen el ciclo de vida, basado en las fases básicas del componente
como Montaje, Actualización y Desmontaje

12. • El state o estado de un componente es mutable y nos permite
hacer nuestros componentes dinámicos, teniendo el principio SRP,
donde cada componente tiene una responsabilidad
• Los props de un componente son inmutables, no pueden ser
cambiados por el componente (los recibe de fuera) (pero si por el
componente que padre, de quien recibe los pros)
• El concepto más importante de React es el “Virtual DOM”, esto se
da gracias al algoritmo de reconciliación “React Fiber”, que
maneja las actualizaciones de los componentes, calcula las
diferencias y realiza los cambios efectivamente en el DOM real.
• Deja de usar JQuery y usa React

13. Gracias
@diegod3v