3. Característica Angular 2 React
DOM Regular DOM Virtual DOM
Diseño de código JS en HTML Centrado en JS
Herramientas Muchas Muchas
Curva de aprendizaje Media Baja
Packaging Medio Fuerte
Debugging Bien HTML / Bien JS Mal HTML / Bien JS
CL debugger No Sí
¿Falla cuándo? Compilación Compilación
Binding 2 vías Una dirección
Templating TypeScript JSX
Móvil Ionic Framework React Native
MVC Sí Solo vista
Renderizado Servidor Servidor
4. Pros Contras
Fácil de aprender No se lleva bien con bibliotecas de manipulación de
DOM como jQuery
Componentes individuales son más fáciles de
mantener
Al principio es puede tomar algo de tiempo
acostumbrarse al flujo de datos en una sola
dirección.
Capacidad de rápido re renderizado mejora la
experiencia del usuario
En ocasiones el re renderizado puede tomar más
tiempo del estimado si hay grandes volúmenes de
datos involucrados, y la aplicación puede sufrir en
rendimiento.
Flux es una buena alternativa a MVC, el flujo de
datos en una sola dirección ayuda a la
mantenibilidad de la aplicación y mantiene los
datos de los elementos del DOM consistentes.
5. Pros Contras
Orientado a componentes. Problemas de rendimiento, el data
binding bidireccional debe revisar si hay cambios
en el modelo, e interpretar el HTML, por lo que en
aplicaciones complejas esto puede tomar más
tiempo.
Buena documentación y tutoriales. Distribuir lógica de negocios en HTML y en
JavaScript puede causar que el código sea más
difícil de entender, mantener y depurar.
El data binding bidireccional facilita la
implementación de funcionalidades.
La llegada de Angular 2 producirá que el código de
Angular 1.x sea obsoleto.
7. Versiones tentativas
• Angular 4 Marzo 2017
• Angular 5 Septiembre/Octubre 2017
• Angular 6 Marzo 2018
• Angular 7 Septiembre/Octubre 2018
• Semantic versions
• Cambios retrocompatibles
• Tranquis, ya es versión estable
• It’s just ANGULAR
8. ¿Para qué Angular/React?
Repensar cómo hacemos las cosas
hasta ahora con Extjs y Klay
¿De qué me sirve incorporar una
tecnología que actúe idéntico a lo
que ya uso?
No esperes resultados diferentes si siempre haces lo mismo
9. + Klay = ?
+ Klay = ?
• Escalabilidad y modularización
• Mantenimiento
• Reutilización de código
• Programadores capacitados
• Tiempo de vida de la tecnología