AtributoAngularJSAngular 2React DOM DOMRegular DOMVirtual DOM Curva de aprendizaje AltaMediaBaja Embalaje DébilMediaFuerte Abstracción DébilFuerteFuerte Depuración General Bueno HTML / Malo JSBueno JS / Malo HTML Línea de depuración NO NoNoSí Etiqueta no cerrada ¿Mencionada? NoNoSí Falla ¿Cuándo? RuntimeRuntimeCompile-Time Binding 2 Way2 WayUni-Directional Templating In HTMLIn TypeScript FilesIn JSX Files Component Model WeakStrongMedium Building Mobile? Marco IónicoMarco IónicoReact Nativo MVC SíSíVer sólo la capa Renderización Client SideServer SideServer Side
La mayoría de los temas que he visto en Reddit, Hacker News y otros sitios de medios sociales tienden a cubrir y hablar sólo de las dos primeras tablas. La gente se atasca en el pensamiento de la fatiga de JavaScript, JSX, TypeScript, Churn y Size. Espero haber ayudado a romper este molde, por así decirlo. He incluido toda la otra información que frecuentemente se eclipsa y que muestra algunos agujeros en ambos marcos.
Algunas de las diferencias más interesantes entre Angular y React son el tamaño, la comunidad, la depuración, el DOM y el móvil. Cuando se habla de móvil, React tiene su propia manera de construir aplicaciones para móviles a través de React Native. Angular no intenta abordar su propio móvil y permite a otros, como Ionic Framework, hacer esto en su lugar.
Mientras que la comunidad Angular JS 1 es muy grande, la comunidad Angular 2 está ganando terreno. Esto es, en parte, debido a que Angular 2 todavía está en beta pero la tracción que ya ha conseguido es bastante sobresaliente. La comunidad de React continúa creciendo y se hace más diversa también.
Al mirar los tamaños, hay algunas diferencias distintivas entre Reaccionar y Angular. Mientras que Angular 2 tiene actualmente un tamaño de unos 764k, van a recortar mucho de eso en los próximos meses. React tampoco usa tanto el modelo MVC como Angular, por lo que puede salirse con la suya teniendo un tamaño mucho más pequeño. Sin embargo, si se incluyen los complementos de React que lo hacen totalmente MVC, entonces todavía saldrá con un tamaño de estructura más pequeño que Angular 2.
La depuración es a veces lo más difícil de hacer. Creo que es interesante cómo cada marco maneja la depuración. Angular 2 utiliza la depuración en tiempo de ejecución que tiende a dar menos información que React, que utiliza la depuración en tiempo de compilación.
Por último, quería hablar un momento sobre el DOM Virtual que utiliza React. Este era un nuevo concepto para mí y lo he estudiado más a fondo. El DOM Virtual parece ser mucho más rápido porque no tienes que trabajar con las piezas pesadas que tiene el DOM real. Manipular y cambiar una copia virtual de tu DOM, que es ligera, y luego sólo empujar los cambios que se muestran al hacer un diff en el DOM, es bastante impresionante.
Después de pasar unos días investigando y leyendo otros artículos sobre estos dos marcos, he encontrado que hay mucho dar y recibir cuando se trata de comparar los dos. El angular es la mejor opción para algunos proyectos mientras que, para otros, el Reaccionar es mejor. Como siempre, debes evaluar el proyecto en el que estás trabajando para encontrar lo que mejor se adapte a tus necesidades. Esperemos que estos cuadros comparativos puedan ayudarte con esa decisión.
Para más información, consulte la biblioteca de cursos relacionados con esto.