Diapositivas de una charla que dicté en el evento "Lightning Talks", organizado por IEEE Tucumán, el sábado 9 de mayo de 2020. Hablé sobre conceptos fundamentales de desarrollo web, como MPA y SPA, por qué me parece innovador React y por qué conviene utilizarlo, algunos conceptos clave del desarrollo de aplicaciones con React y, por último, recursos gratuitos para aprender más sobre el tema en cuestión.

1. ReactU n a l i b r e r í a d e J a v a S c r i p t p a r a
c o n s t r u i r i n t e r f a c e s d e u s u a r i o
Tucumán Student Branch Chapter
A G U S T Í N S Á N C H E Z
L I G H T N I N G T A L K S
M A Y O , 2 0 2 0

2. I N T R O D U C C I Ó N
Cada vez usamos más internet
A G U S T Í N S Á N C H E Z L I G H T N I N G T A L K S M A Y O , 2 0 2 0

3. I N T R O D U C C I Ó N
Multi-Page Application (MPA)
A G U S T Í N S Á N C H E Z L I G H T N I N G T A L K S M A Y O , 2 0 2 0

4. I N T R O D U C C I Ó N
Single-Page Application (SPA)
A G U S T Í N S Á N C H E Z L I G H T N I N G T A L K S M A Y O , 2 0 2 0

5. I N T R O D U C C I Ó N
Single-Page Application (SPA)
A G U S T Í N S Á N C H E Z L I G H T N I N G T A L K S M A Y O , 2 0 2 0

7. Desarrollo basado en
componentes

8. D E S C O M P O S I C I Ó N E N C O M P O N E N T E S
D E S C O M P O S I C I Ó N E N T E M P L A T E S

10. I N T R O D U C C I Ó N A R E A C T J S
• Los componentes pueden contener a su vez a otros
componentes, los cuales se llaman “hijos”.
• Los componentes pueden comunicarse entre ellos a través de
diversos mecanismos.
Composición y comunicación
A G U S T Í N S Á N C H E Z L I G H T N I N G T A L K S M A Y O , 2 0 2 0

11. Virtual DOM

12. D O C U M E N T O B J E C T M O D E L

13. D O M V I R T U A L D E R E A C T J S

14. State

16. React Native

18. Conclusiones

19. I N T R O D U C C I Ó N A R E A C T J S
Conclusiones
A G U S T Í N S Á N C H E Z L I G H T N I N G T A L K S M A Y O , 2 0 2 0
• Trabajar con React JS nos ayuda a crear código mantenible,
extensible, entendible, etc.
• El desarrollo basado en componentes nos permite crear
componentes reutilizables entre nuestros proyectos (incluso
podemos usar componentes que ya hicieron otros…).
• El DOM virtual de React JS gestiona los cambios y renderiza
nuevamente aquellos componentes que reaccionan a dichos
cambios.

20. Cómo aprender React JS

21. D O C U M E N T A C I Ó N O F I C I A L D E R E A C T J S

22. P A R A E N T E N D E R P O R Q U É R E A C T E S I N N O V A D O R

23. H A C E R E J E R C I C I O S E N F R E E C O D E C A M P . O R G