Los mejores proyectos JavaScript del 2019

Por cuarto año consecutivo, Vue.js es el ganador del concurso, con más de 30,000 nuevas estrellas de GitHub en 2019.

No tenemos sorpresas en los siguientes puestos: React y el editor VS Code continúan en el mismo lugar que el año pasado.

El mayor salto en el ranking lo ha dado Vue Element Admin, un framework que nos permite crear dashboards usando componentes Vue.js, ha quedado cuarto este año.

Svelte ha estado rondando durante los últimos años, pero cuando realmente ha despegado ha sido este 2019, ocupando la quinta posición.

TypeScript entra en el TOP 10, su éxito ha generado uno de los mayores cambios en el ecosistema de JavaScript de los últimos tiempos.

Deno, el entorno de ejecución JavaScript desarrollado por el creador de Node.js, fue uno de los recién llegados en 2018. En 2019 continúa en el ranking ocupando la posición 13.

En 2019, Svelte ha descolocado la categoría de Frameworks Front-end, entrando en la 3ª posición justo detrás de Vue.js y React pero delante de Angular.

¿Significa esto que ahora tenemos 4 gigantes en vez de 3?

Svelte es muy diferente a los demás en esta categoría, ya que no es realmente un framework sino un compilador, ejecutando su mágia durante la creación del bundle y no en tiempo de ejecución.

Al igual que React o Vue, Svelte nos permite construir aplicaciones mediante la creación de componentes que se actualizan cuando sus datos cambian. Sin embargo, el bundle solo incluirá el código necesario para que funcione nuestra aplicación, a diferencia de React, Vue o Angular que necesitan incluir su propia librería además de nuestro código.

El compilador es capaz de generar código imperativo que manipula el DOM de los componentes creados por los desarrolladores directamente.

Por lo tanto el bundle resultante es pequeño y muy rápido de ejecutar (haciendo a Svelte un buen candidato para aplicaciones en dispositivos embebidos por ejemplo).

Además de su espectacular rendimiento, es sencillo crear complejas transiciones en CSS.

La versión 3 mejora el concepto de reactivity: actualizar una variable es todo lo que necesitas para disparar un cambio en la UI.

Es demasiado pronto para afirmar que Svelte será tan exitoso como los otros 3 pero definitivamente merece la pena seguirle la pista a lo largo del 2020.

En la categoría Frameworks Node.js, tenemos nuevo campeón: Nest!

Nest es un framework web con todo tipo de funcionalidades, que toma prestados muchos conceptos de Angular.

Next.js, el campeón de 2018, es el número 2 este año. Es una de las soluciones más completas para construir una aplicación web full-stack con React en el front-end y Node.js en el back-end.

En el número 3 tenemos a Strapi, un headless CMS que nos permite generar y administrar API endpoints rápidamente. "Comienza con tan solo cuatro comandos". ¡API Endpoints que pueden ser consumidos tanto por REST como GraphQL!

El siguiente es Nuxt, un framework full-stack para crear aplicaciones web con Vue.js, proporcionando diferentes estrategias como: server-side rendering, client-side only o sitio estático.

Express es casi tan antiguo como Node.js pero todavía aguanta en el top 5. Por supuesto, tiene un ecosistema enorme y muchos desarrolladores de Node.js están familiarizados con ello, pero cabe destacar que el último commit fue hecho hace 7 meses. ¿Significa esto que los tiempos están cambiando?

En las posiciones 1 y 5, Ant Design y Material UI han sido los proyectos más populares que proporcionan sets de componentes y widgets para React.

En la segunda posición Create React App, continúa siendo el estándar a la hora de crear una nueva aplicación React. Una nueva funcionalidad importante de este año: ahora soporta TypeScript.

Probablemente el mayor cambio en el mundo React de este año ha sido la introducción de los hooks.

Como compartir la lógica entre componentes siempre ha sido un tema controvertido en el mundo React. Parece que ha habido una evolución a lo largo de los años que podría ser descrita en los siguientes 4 pasos:

• 2013: Mixins para compartir funcionalidades entre clases React
• 2015: Higher Order Components para inyectar props en componentes React
• 2017: Render prop pattern
• 2019: Usar Hooks y crear componentes funcionales siempre que podamos

Este año hemos visto muchas librerías que aprovechan el poder ofrecido por los hooks para solventar problemas relacionados con:

• state management: Redux ahora proporciona hooks para interactuar fácilmente con la store
• routing: React Router nos facilita hooks para acceder al historial del navegador
• form validation: React Hook Form tiene una forma única de gestionar la validación de formularios usando controles de formulario descontrolados.

¿Serán los hooks el último paso de la evolución?

Escritor invitado: Sébastien Chopin

Este año hemos preguntado a nuestro amigo Sébastien Chopin a hablar sobre el estado del mundo Vue.js.

Sébastien Chopin es el creador de Nuxt, el cual está en el top 5 de 2 categorías diferentes (Ecosistema Vue.js y Frameworks Node.js)

Vue Element Admin, es el proyecto más popular de esta categoría por segundo año consecutivo. Nos permite crear bonitos dashboards usando componentes Vue.js y está basado en Element.

En el número 2 nos encontramos Element, una librería UI con un gran repertorio de componentes.

Vuetify, el framework de componentes Material, lanzando su versión 2.0 en julio y entrando en el top 5 del 2019.

Nuxt, el framework web para construir aplicaciones Vue.js, continúa en el top 5 desde hace ya 3 años.

Finalmente, en el número 5, tenemos vue-cli, la herramienta oficial para empezar proyectos Vue.js con una potente interfaz gráfica de usuario.

Escritor invitado: Benjamin Blackwood

Este 2019 hemos invitado a nuestro amigo Benjamin Blackwood a hablar sobre el panorama de Angular.

Benjamin es Frontend Developer en Australia Post y ha estado trabajando con Angular por más de 4 años.

ngx-admin, el proyecto Angular más popular de este año, nos facilita la tarea de crear paneles de administración.

En el número 2 tenemos Material Design for Angular, que incluye tanto componentes Material Design como el Angular CDK (Component Dev Kit).

De forma similar a React y Vue, la librería de componentes Ant Design NG-ZORRO está en el puesto número 4.

En 2019, Angular ha tenido un importante lanzamiento. La versión 8 salió en Mayo. Como parte de esta release, Angular CLI ahora crea dos bundles diferentes (moderno y legacy) haciendo hasta un 20% más pequeño el tamaño del bundle. Además incluye una nueva Builders API que nos permite modificar los comandos existentes de nuestra CLI o añadir nuevos.

La version 9 está actualmente en release candidate y se espera que salga a principios del 2020. Uno de los mayores cambios de esta versión será el nuevo compilador llamado Ivy which, que promete una mayor rapidez al recompilar y aún más pequeños bundles entre otras mejoras.