En 2013, Facebook lanzó una nueva librería llamada React para competir contra Google y su framework Angular. Ambos están basados en Javascript y teóricamente están hechos para desarrollar páginas web. Sin embargo, con el paso del tiempo, sobre todo Angular, se han ido utilizando para hacer aplicaciones móviles cross-platform. Por eso, hacía falta ver qué nos ofrece Angular comparado con React y ver si se podría aprovechar una combinación de los dos para poder hacer proyectos aprovechando los beneficios de ambos.

1. #SlashFriday
AngularJS vs ReactJS

2. Bienvenidos a la pelea del
siglo
Pacman vs Moneeeeeey

3. Bienvenidos a la pelea del
siglo
Google vs Facebook

4. Porqué utilizar frameworks
Frameworks

5. Ejemplo simple - jQuery
jQuery

6. AngularJS - Framework MVC
AngularJS

7. 1. MVC
Model-View-Controller
2. Separar DOM de la lógica
Toda la manipulación del DOM está
separada de la lógica de la webapp
3. Separar servidor de cliente
MEAN STACK
AngularJS
AngularJS

8. 1. HTML
Son archivos html que luego son parseados
2. Directivas
ng-repeat, ng-controller, ng-click
Vistas
AngularJS

9. Controller/Scope
AngularJS

10. Routes
AngularJS

11. Ejemplo simple - AngularJS
AngularJS

12. ReactJS - Librería para interfícies
ReactJS

13. 1. V
View
2. Componentes
No son vistas sino componentes
3. JSX o Javascript
Dos maneras de crear componentes
4. Virtual DOM
ReactJS
ReactJS

14. Componentes
ReactJS

15. Estados
ReactJS

16. Pasando datos a otro componente
ReactJS

17. Usando los datos/Props
ReactJS

18. Ejemplo simple - ReactJS
ReactJS

19. Lets get ready to
rumbleeee

20. AngularJS
• MVC
• Archivos separados
• Performance malo en
listas largas
• No tan reusable
• 2 way data binding
ReactJS
• V
• Un solo archivo
• Performance muy bueno
• Componentes reusables
• Unidirectional data binding
Fight!

21. ¿Y si los juntamos?

22. ngReact
ngReact

23. Peeeeero, ojito con

24. ReactNative
ReactNative

26. ¡Muchas gracias!
Sagar Lakhwani
WebApp Developer/Cross