Batalla de marcos frontend (2022)

May 09 2022
Estableciendo un contexto sobre POR QUÉ hice esta investigación Entonces, comprendamos desde qué perspectiva comenzó esta investigación y cómo alguien puede beneficiarse de ella. En mi organización actual, la consola (sitio web) está hecha en Angular (9.

Estableciendo un contexto sobre POR QUÉ hice esta investigación
Entonces, comprendamos desde qué perspectiva comenzó esta investigación y cómo alguien puede beneficiarse de ella.
En mi organización actual, la consola (sitio web) está hecha en el marco Angular (9.0) y tiene muchas características y las nuevas características siguen agregando mes a mes. La arquitectura del proyecto no se ha renovado desde hace algún tiempo y parece que podríamos necesitar una mejor arquitectura de proyecto para administrar este proyecto en crecimiento. Ahora bien, si se están realizando los esfuerzos, también podemos verificar si podemos encontrar algún marco que se adapte mejor a nuestras necesidades y requisitos actuales.
Además, si en el futuro comenzamos a trabajar en algún proyecto nuevo y tenemos la oportunidad de comenzar de nuevo, qué marco puede ayudarnos en ese escenario y cómo podemos vincular los proyectos con algunas cosas como componentes web o micro-frontends.

Entonces, teniendo todo esto en mente, esta investigación procedió, comparando y analizando los pros y los contras de todos los marcos de acuerdo con nuestros requisitos. Averigüemos dónde aterrizamos.

Qué opciones tenemos ?

Sentado en enero de 2022, tenemos los siguientes marcos que estamos considerando, ya que tienen la mayor popularidad y uso en este momento entre otros que son demasiado jóvenes para considerar o viejos que apenas sobreviven ahora.
1) Angular
2) Reaccionar
3) Vue
4) Esbelto

ANGULAR

Angular es nuestro héroe actual de los marcos, ya que es el único que estamos usando en nuestro proyecto en mi empresa actual. Pero hay algunas desventajas con Angular. Entonces, veamos los pros y los contras de Angular.

PROS-:

1-: Angular puede considerarse como un Jack de todos los oficios (casi todos), ya que ya sea SSR o manejar arquitecturas grandes o romper aplicaciones en componentes o administración de estado o enrutamiento, maneja todo. La mayoría de ellos son nativos y algunos tienen que hacerse usando otras bibliotecas/marcos, pero lo hace todo.

2-: Ahora bien, esto es muy específico para nosotros, que ya tenemos un equipo experimentado, por lo que si comenzamos algún proyecto nuevo, la parte de capacitación no debería ser un problema.

CONTRAS-:

1-: Rendimiento: se pueden encontrar problemas de rendimiento en las aplicaciones Angular si toda la detección de cambios y la forma en que se escribe el código no se realiza de la manera correcta y la aplicación no se administra bien y también el tiempo de primera pintura es mucho más en comparación con otros marcos.

2-: Tamaño: tiene su propio tamaño y dependencias agregadas al núcleo del marco, lo que aumenta el tiempo de compilación y el tamaño del paquete. Y un mayor tamaño de paquete y tiempos de compilación son grandes señales de alerta para cualquier aplicación.

3-: Ecosistema multiplataforma: si queremos crear aplicaciones móviles y web, sus soluciones de aplicaciones móviles y de escritorio no son muy aceptadas, por lo que, dado que otros marcos como React manejan eso bien, este punto sería una estafa para esto, ya que la escalabilidad multiplataforma es algo que buscamos lograr en un futuro cercano.

4-: Ahora, este punto puede ser conflictivo para algunos, pero según las últimas tendencias, Angular está disminuyendo día a día en la cantidad de usuarios que lo usan y su popularidad está siendo absorbida por otros marcos nuevos, por lo que en un par de años puede ser una tecnología extrovertida y, como organización, contratar nuevos talentos puede ser un desafío si la tecnología es extrovertida.

REACCIONAR

React es el marco (¿o biblioteca?) más popular que existe actualmente y no considerarlo no sería algo que la mayoría de la gente llamaría sabio, por lo tanto, probamos nuestras manos y aquí hay algunos pros y contras de React.

PROS-:

1-: Tamaño: So React es una biblioteca muy liviana que no tiene funcionalidades incorporadas como enrutamiento y cliente http y directivas, tuberías, etc. que tienen Angular o Vue. Por lo tanto, el tamaño inicialmente es muy inferior y se puede aumentar si es necesario.

2-: En React Server Side Rendering es más fácil y más utilizado que Angular. Además, NextJS y Gatsby son marcos increíbles que funcionan sobre React, por lo que ese es otro punto a favor que React tiene en su bolsa.

3-: Sistema ecológico multiplataforma: React y React Native son muy fáciles de usar juntos y el código se puede compartir muy fácilmente a través de la aplicación web y la aplicación móvil híbrida.

4-: La gestión de estados es mejor en React y Redux, que es la herramienta más famosa para gestionar estados, se creó teniendo en cuenta a React, aunque también funciona con otros, pero con Reacts se relaciona más que con cualquier otro marco.

5-: React Community es enorme, hay muchos desarrolladores que crean tutoriales y bibliotecas de los que cualquiera puede recibir ayuda y también es más fácil contratar nuevos talentos cuando la comunidad se expande tan rápido.

6-: Para esto no he encontrado ninguna evidencia, pero por lo que he leído, la gente afirma que el rendimiento de React es mejor que el de Angular en la mayoría de los casos debido al DOM virtual y la biblioteca liviana.

CONTRAS-

1-: Dado que React no tiene una carpeta de estructura fija y la mayoría de las herramientas utilizadas son bibliotecas de terceros, no es muy obstinado y tiene múltiples formas de hacer lo mismo, por lo tanto, se convierte en una tarea difícil construir y estructurar un gran y proyecto complejo sin mucha experiencia en el mismo.

VUE

Vue también ganó popularidad recientemente y tiene suficientes estrellas de github para ser considerado en esta lista. Vue fue desarrollado por una persona que anteriormente trabajó en el equipo central de Angular en Google y luego hizo un marco de trabajo con buenas partes de Angular y algunas partes similares a React.

PROS-:

1-: La curva de aprendizaje de Vue proviene menos del fondo Angular, es una combinación de React y Angular, ya que tiene la opción de usar el tipo de formato JSX donde definimos todo el código en un archivo o usamos 2 archivos separados para HTML y parte lógica como en Angular y también tiene directivas, tuberías y enrutamiento similares a las de Angular. Por lo tanto, los equipos que piensan en migrar de Angular a React lo eligen principalmente, pero Vue proporciona un buen punto intermedio para aterrizar.

2-: Su rendimiento es mejor que React en términos de tiempo de primera pintura.

3-: La comunidad de Vue también está aumentando rápidamente como lo hizo React.

4-: Más fácil de crear aplicaciones grandes en comparación con React

CONTRAS-:

1-: Si comparamos con React, las bibliotecas, los tutoriales, la ayuda de la comunidad es menor que React, y dado que la comunidad es menor, la contratación puede ser más fácil en React que en Vue, pero aún aumenta día a día, por lo que no es una gran desventaja. .

2-: El ecosistema de aplicaciones web y móviles no es bueno y para SSR también su biblioteca no es tan buena como NextJS

ESBELTO

Svelte es el contendiente más joven de la lista, pero ha ganado popularidad debido a su peso ligero y gran rendimiento.

PROS-:

1-: es un compilador JS, por lo que es el primer tiempo de pintura y otras métricas son mejores que cualquier otro marco actualmente, por lo que si el requisito es hacer una aplicación relativamente más pequeña sin comprometer la velocidad, entonces este es el camino a seguir.

2-: Su curva de aprendizaje es menor que cualquier otro marco en esta lista.

3-: Le permite escribir menos líneas de código y hacer más trabajo en él, lo que reduce la probabilidad de que ocurra un error.

4-: El tamaño del paquete es muy inferior, ya que es un compilador muy ligero.

CONTRAS-:

1-: La comunidad de Svelte es muy inferior a partir de ahora y puede ser una tarea encontrar bibliotecas y tutoriales adecuados para lograr algo que no se ha hecho fácilmente, además el ecosistema multiplataforma no es muy bueno como de ahora y con menos popularidad vienen las dificultades para contratar talento, por lo que todavía tiene algo de tiempo para crecer como lo hicieron otros marcos.

Esta es una comparación entre todos los marcos en función de nuestras necesidades.

CONCLUSIÓN

Así que ahora daré 2 centavos sobre qué marco elegiría.
Según yo , Angular sigue siendo sin duda el mejor marco en 2022 para hacer aplicaciones grandes de nivel de producción, ya que tiene la mejor estructura de carpetas y características internas que proporciona.
Mientras que si recién está comenzando su viaje para aprender algún marco y el propósito es conseguir un trabajo, entonces React es sin duda el mejor marco para aprender en este momento, ya que es más fácil de aprender y el dinero está lloviendo en los trabajos de React (siendo yo un desarrollador Angular sollozos ).
Excepto que si usted es alguien que tiene Angular Project y quiere saltar a un nuevo marco y React lo está atrayendo, ¡espere allí!
Usar Vueen lugar de React si está migrando desde Angular, ya que es bastante similar a React pero usa muchas cosas de Angular (está hecho por un desarrollador del equipo central de Angular en Google )
Y si su requisito es bastante sencillo, solo quiere un marco para construir una pequeña parte de su aplicación pero con el mejor rendimiento disponible en este momento (como quizás una pasarela de pago), luego use Svelte ya que tiene los mejores puntos de referencia de rendimiento en todos estos.

Espero que esto te haya sido útil de alguna manera.

© Copyright 2021 - 2022 | unogogo.com | All Rights Reserved