¡Hola Desarrolladores! Hoy estamos hablando de qué esperar en 2020 en el mundo JavaScript. Cada año aparecen muchos marcos nuevos y varios otros se dejan de lado porque el entorno alrededor de JS es muy vasto y lleno de posibilidades. JavaScript está en constante evolución, cuando hace solo unos años utilizamos JS solo para pequeños cambios de forma, pero hoy en día las empresas utilizan JS en el backend y frontend. ¡Eso es increíble!,
esta lista se basa en la popularidad de los frameworks, la usabilidad y la cantidad de estos frameworks que están ganando impulso. Aquí están nuestros Top 10!
Vue
Vue.js es un framework javascript progresivo. Vue.js o simplemente vue apuesta por su simplicidad y rápida curva de aprendizaje, tiene una manipulación DOM más rápida que sus rivales (Angular y React) y se está volviendo cada vez más popular. La versión 3.0 está programada para principios de 2020, por lo que estaremos atentos a medida que se introduzcan mejoras y nuevas características.,
React
React es probablemente el framework del que más se habla en el mundo del front end porque tiene una comunidad tan grande. También porque es hermano, React Native, hace que sea mucho más fácil cuando se trata de móviles. Es diferente de Vue porque aunque la curva de aprendizaje en React es empinada, una vez que sepa cómo manejar la sintaxis y las formas de trabajar con ella, creará aplicaciones excepcionales.
Angular
Angular, actualmente en verson 8, es un framework de front end pesado mantenido por el gigante, Google., Angular es un framework MVC (Model View Controller) que usa TypeScript, que es una versión diferente de JS vanilla o ECMA script. Entre sus competidores para aplicaciones empresariales, Vue y React, Angular es recomendable, ya que nos trae muchas herramientas útiles e implementaciones ya hechas.
Ember
Ember es un framework que tiene como objetivo ayudar al desarrollador a crear aplicaciones web complejas, trayendo código y herramientas listas para ello. Ember no se habla tan ampliamente en la comunidad como Vue y React, pero es un marco excelente.
¡deténgase y analice !,
ahora que hemos pasado por los cuatro principales marcos de interfaz de JavaScript, vamos a utilizar Google Trends-es realmente genial! Google Trends nos muestra las búsquedas a nivel global y con una curva temporal de 5 años. Aquí está la investigación sobre estos top 4 frameworks en los últimos años:
estos gráficos están disponibles aquí.
Las imágenes hablan por sí mismas; vemos claramente que Angular dominó la investigación pero React logró avanzar, evolucionando lentamente y pasando por el gigante, Angular., También vemos que Vue está creciendo en la investigación mundial y que, mientras Ember está detrás de los otros tres marcos, sigue siendo un competidor.
Ahora vamos a usar estadísticas de desbordamiento de pila. Estos datos son de 2019, pero nos muestran que React y Vue están realmente creciendo y en la parte superior de las encuestas, mientras que Angular aparece muy por debajo de este gráfico. Interesante ¿verdad? Ember desafortunadamente no aparece en el gráfico en absoluto.
Estos gráficos están disponibles aquí.
Nuxt
Nuxt.js es un potente framework basado en Vue.js y Node.js con renderizado del lado del servidor., Este marco de desarrollo de aplicaciones web es extremadamente poderoso, pero a pesar de que es poderoso, tiene el mismo marcado que Vue, lo que lo hace simple y fácil de trabajar. Además, Nuxt tiene código abierto, con más de 22k estrellas en GitHub y es el primero para el desarrollo del sitio del lado del servidor para aquellos que usan Vue.js.
Svelte
Svelte es un excelente framework que toma un camino diferente al de React y Vue., Trae las facilidades de código que todos los frameworks traen pero cuando ponemos nuestro código en producción, Svelte compila el código a JavaScript puro (JS Vanilla) incluyendo bibliotecas de terceros y todo el código de terceros. Esta parte de compilar todo el código para pure JS hace que el framework sea extremadamente rápido.
Gridsome
GridSome es otro potente Vue.marco basado en js. Gridsome está construido para generador de sitios estáticos utilizando la sintaxis Vue, así como GraphQl para la construcción de sitios web potentes y rápidos, aplicaciones, PWA y también puede trabajar con markdown.,
Backbone
Backbone, un framework MVC (Model View Collection) para la estructuración de código JS, es ampliamente utilizado en aplicaciones web que tienen mucha interacción con JS y estructuras complejas. Esto es ideal para grandes aplicaciones de Java Script.
Gatsby
Gatsby, un framework basado en React y GraphQl es un generador de sitios estáticos (SSG). Gatsby utiliza las mejores partes de React, como React Router y Webpack, además de varias funciones de GraphQl para que pueda construir su sitio en React y luego generar archivos estáticos «Build». Estas ventajas son un mejor rendimiento y un gran sistema de SEO y almacenamiento en caché., Además, Gatsby viene con varios complementos listos para comenzar su proyecto de forma rápida y concisa.
Siguiente
Siguiente.js es similar a Gatsby. Ambos usan sintaxis React y tienen transpilación para ES 6 y es 7, pero la mayor diferencia entre ellos es que Next tiene SSR (Server Side Renderer) mientras que Gatsby es un SSG. En Gatsby toda la aplicación se genera en páginas estáticas y en Siguiente cada petición se hace una nueva representación de la página porque esta parte es hecha por el servidor.
Hecho !,
antes de finalizar, vamos a Google Trends una vez más, pero esta vez veamos el resto de los frameworks. Tenga en cuenta que Nuxt y Next compiten por ser los más utilizados, recordando que Nuxt se basa en Vue y Next en React. La misma disputa que vemos en los marcos «principales» también vemos en sus variantes.
Estos gráficos están disponibles aquí.
