SlideShare una empresa de Scribd logo
#SlashFriday
AngularJS vs ReactJS
Bienvenidos a la pelea del
siglo
Pacman vs Moneeeeeey
Bienvenidos a la pelea del
siglo
Google vs Facebook
Porqué utilizar frameworks
Frameworks
Ejemplo simple - jQuery
jQuery
AngularJS - Framework MVC
AngularJS
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
1. HTML 

Son archivos html que luego son parseados
2. Directivas

ng-repeat, ng-controller, ng-click


Vistas
AngularJS
Controller/Scope
AngularJS
Routes
AngularJS
Ejemplo simple - AngularJS
AngularJS
ReactJS - Librería para interfícies
ReactJS
1. V

View
2. Componentes

No son vistas sino componentes
3. JSX o Javascript

Dos maneras de crear componentes

4. Virtual DOM

ReactJS
ReactJS
Componentes
ReactJS
Estados
ReactJS
Pasando datos a otro componente
ReactJS
Usando los datos/Props
ReactJS
Ejemplo simple - ReactJS
ReactJS
Lets get ready to
rumbleeee
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!
¿Y si los juntamos?
ngReact
ngReact
Peeeeero, ojito con
ReactNative
ReactNative
El combate del siglo: AngularJS vs ReactJS
¡Muchas gracias!
Sagar Lakhwani
WebApp Developer/Cross

Más contenido relacionado

PPTX
PDF
Introducción a ASP.NET MVC
PDF
Introducción al desarrollo web moderno
PDF
Preprocesadores CSS con LessCSS
PDF
Introducción a Ruby on rails
ODP
PPTX
Microservicios con Spring Boot
PPTX
Duver
Introducción a ASP.NET MVC
Introducción al desarrollo web moderno
Preprocesadores CSS con LessCSS
Introducción a Ruby on rails
Microservicios con Spring Boot
Duver

La actualidad más candente (20)

PDF
JAVA SERVER FACES - LECCION 01 - PRIMEROS PASOS
PDF
Java web 01 - servlets
PPTX
jsp - funcionamiento
PPTX
Websockets & Web Messaging
ODP
componentes de jsp
PDF
Indice curso next basic
PPT
Javascript con dreamweaver
PDF
Esencia de web components
PDF
Java Web 00 - Contexto
PPTX
Conexion ptop
PPTX
Jsp(java server pages)
ODP
Pc10 01
PPTX
Diapositivas de objeto conecction
DOCX
Esctructura basica-pagina-asp
PPTX
Sql wizard - OBCOM Ingenieria
PPTX
Elementos de JSP
JAVA SERVER FACES - LECCION 01 - PRIMEROS PASOS
Java web 01 - servlets
jsp - funcionamiento
Websockets & Web Messaging
componentes de jsp
Indice curso next basic
Javascript con dreamweaver
Esencia de web components
Java Web 00 - Contexto
Conexion ptop
Jsp(java server pages)
Pc10 01
Diapositivas de objeto conecction
Esctructura basica-pagina-asp
Sql wizard - OBCOM Ingenieria
Elementos de JSP
Publicidad

Destacado (9)

PPTX
React Vs AnagularJS
PDF
React vs angular
PPTX
React vs Angular: ups & downs (speaker Oleksandr Kovalov, Binary Studio)
PDF
React vs angular (mobile first battle)
PDF
Angular js vs. Facebook react
PDF
ReactJS vs AngularJS - Head to Head comparison
PDF
Angular 2 vs React. What to chose in 2017?
PPTX
AngularJS Architecture
PPTX
Introduction to Angularjs
React Vs AnagularJS
React vs angular
React vs Angular: ups & downs (speaker Oleksandr Kovalov, Binary Studio)
React vs angular (mobile first battle)
Angular js vs. Facebook react
ReactJS vs AngularJS - Head to Head comparison
Angular 2 vs React. What to chose in 2017?
AngularJS Architecture
Introduction to Angularjs
Publicidad

Similar a El combate del siglo: AngularJS vs ReactJS (20)

PDF
PPTX
Ruby on Rails y AngularJS
PPTX
Introducción a AngularJS
PPTX
React VS angular
PDF
Javascript y diseño web
PDF
Angular js
PPT
Mootools Y Otros Frameworks JS
PDF
Frameworks y herramientas para la web del futuro
PPTX
Ionic y angular.js
PPTX
Introducción a AngularJS
PDF
Taller backbone.js - Betabeers Córdoba (18/10/2012)
PDF
Introducción al ecosistema de React.js
PDF
Desarrollo de aplicaciones multiplataforma 2/2
PDF
20170405 - Ecosistema Javascript
ODP
JavaScript desde Cero
ODP
Desarrollo Web Ágil con Symfony, Bootstrap y Angular
PDF
Angular js Frontenders Valencia
PDF
¿Por qué usar frameworks javascript?
PPTX
Desarrollo de Aplicaciones N° 01 - 02 - reactjs(2).pptx
PPTX
AngularJS2
Ruby on Rails y AngularJS
Introducción a AngularJS
React VS angular
Javascript y diseño web
Angular js
Mootools Y Otros Frameworks JS
Frameworks y herramientas para la web del futuro
Ionic y angular.js
Introducción a AngularJS
Taller backbone.js - Betabeers Córdoba (18/10/2012)
Introducción al ecosistema de React.js
Desarrollo de aplicaciones multiplataforma 2/2
20170405 - Ecosistema Javascript
JavaScript desde Cero
Desarrollo Web Ágil con Symfony, Bootstrap y Angular
Angular js Frontenders Valencia
¿Por qué usar frameworks javascript?
Desarrollo de Aplicaciones N° 01 - 02 - reactjs(2).pptx
AngularJS2

Más de SlashMobility.com (20)

PDF
Slashfriday Visual Data, estrategias para interpretar la información
PDF
SlashFriday: Deep Personalization by MOCA
PPTX
SlashFriday. Aplicación al negocio de las redes neuronales artificiales
PDF
Herramientas de diseño UI
PPTX
Hablemos de sueños
PPTX
Trabajo en equipo
PPTX
Android Wear
PPTX
Customer Experience: vender lo material desde lo inmaterial
PDF
Diseñando para Apple Watch
PPTX
El color, la herramienta más poderosa para diseñar tu app
PPTX
Trabajadores más productivos, motivados y felices gracias a los wearables
PPTX
Desarrollo con stack MEAN
PPTX
Marketing inbound para empresas B2B
PPTX
¿Gestionas tu tiempo o te lo gestionan?
PPTX
Cómo dar vida a un personaje
PPTX
App marketing-ecommbrunch
PPTX
Cómo customizar una app
PPTX
Slash friday: Unity 3D - Pasando nuestra primera pantalla
PPTX
Primeros pasos para crear un videojuego
PPTX
Como diseñar para usuarios irracionales
Slashfriday Visual Data, estrategias para interpretar la información
SlashFriday: Deep Personalization by MOCA
SlashFriday. Aplicación al negocio de las redes neuronales artificiales
Herramientas de diseño UI
Hablemos de sueños
Trabajo en equipo
Android Wear
Customer Experience: vender lo material desde lo inmaterial
Diseñando para Apple Watch
El color, la herramienta más poderosa para diseñar tu app
Trabajadores más productivos, motivados y felices gracias a los wearables
Desarrollo con stack MEAN
Marketing inbound para empresas B2B
¿Gestionas tu tiempo o te lo gestionan?
Cómo dar vida a un personaje
App marketing-ecommbrunch
Cómo customizar una app
Slash friday: Unity 3D - Pasando nuestra primera pantalla
Primeros pasos para crear un videojuego
Como diseñar para usuarios irracionales

El combate del siglo: AngularJS vs ReactJS