Los mejores proyectos JavaScript del 2018

En esta sección encontraremos los proyectos más populares del año, independientemente de su categoría.

Por tercera vez consecutiva, Vue.js es el proyecto más popular del año.

Ha recibido 45k estrellas a lo largo de los 12 meses. 5000 estrellas más que en el 2017...¡el hype continúa!

En la posición número 4, Deno es el único proyecto nuevo dentro de los 10 primeros.

Citando la descripción en su web, Deno es "a program for executing JavaScript and TypeScript outside of the web browser."

Según su autor Ryan Dahl (el padre de Node.js), este TypeScript runtime es un intento de abordar varios problemas de Node.js. Echa un vistazo a su presentación.

La batalla por la categoría "framework front-end" sigue encabezada por los 3 mismos protagonistas del 2017: Vue.js, React y Angular.

Si analizamos el gráfico, podemos ver que hay un pico de estrellas en Junio, tanto para Vue.js como para React. La razón, esto ocurrió cuando Vue.js adelantó a React en términos de número total de estrellas, convirtiéndose en el proyecto más popular en la categoría framework UI. En ese momento, fans de ambos lados se esforzaron por promover a su campeón.

La novedad en 2018 es Omi, un framework UI muy prometedor, que hace uso de la tecnología Shadow DOM y a la vez utiliza sintaxis "JSX", lo que resulta familiar para desarrolladores de React.

Los 2 frameworks Node.js que encabezan la lista en 2018 son "full-stack frameworks" relacionados a un framework front-end específico:

• Next.js, el campeón de este año, usa React.
• Nuxt usa Vue.js.

Ambos proporcionan una buena experiencia de desarrollo para configurar Single-Page Applications a la vez que ofrecen funcionalidades para Server-Side Rendering.

En el puesto número 4 Express, el número 1 del año anterior, continúa siendo popular a pesar de su edad.

No hay muchas sorpresas dentro del ecosistema React, en primer lugar del 2018 aparece Create React App, la herramienta preferida para crear un proyecto nuevo React.

Su versión 2 fue lanzada en 2018, trayendo consigo grandes funcionalidades como incluir la versión 4 de Webpack o la posibilidad de usar TypeScript.

Hablando de la propia librería React, la introducción de los hooks ha sido muy comentada, esto puede que cambie la manera en que se maneja el estado de la aplicación y el control de los "side effects" con React.

La popularidad de Vue.js continúa creciendo, la versión 3 aprovechará funcionalidades de navegadores modernos para hacerlo más rápido y más fácil de usar.

Vue Element Admin, el proyecto más popular de la categoría este año, es una herramienta para crear bonitos dashboards usando componentes Vue.js.

vue-cli es la forma estándar para crear un nuevo proyecto Vue.js. Podemos compararlo con Create React App para React, sin embargo es más flexible y proporciona una interfaz gráfica que lo hace más amigable para el usuario.

En este 2018, Angular ha traído dos importantes lanzamientos:

Angular versión 6, aparecida en Mayo, proveé nuevas funcionalidades relacionadas con sus herramientas.

Por esto, el proyecto más popular de Angular ha sido Angular CLI, la herramienta de línea de comandos oficial, usada para crear la estructura de nuevos proyectos y organizar proyectos existentes.

Entre las nuevas funcionalidades, el comando update facilita la actualización de una aplicación y sus dependencias. Además, ahora es posible personalizar la configuración Webpack sin necesidad de "ejecting".

Angular versión 7 fue anunciado en Octubre.

Incluye Angular CLI prompts, una actualización de Material Design for Angular y se centra en mejoras de rendimiento con una funcionalidad llamada "Virtual Scrolling".

React Native continúa encabezando la lista de soluciones para crear aplicaciones móviles usando JavaScript.

Airbnb recientemente publicó una serie de artículos explicando por que han decidido descartar React Native para sus próximos productos y adoptar aplicaciones nativas.

Para los que prefieran usar Vue.js en vez de React hay varias opciones.

Los siguientes 4 proyectos de esta categoría (Weex, NativeScript, Quasar y Ionic) soportan Vue.js en la vista para crear aplicaciones móviles.

Aunque no sea un proyecto JavaScript (ya que usa Dart) merece la pena destacar Flutter de Google, que es una gran alternativa para crear aplicaciones móviles multiplataforma.

Ha habido mucha discusión en el pasado sobre cual sería la mejor manera de introducir tipado estático en JavaScript.

En 2018, parece que TypeScript, de Microsoft ha tomado ventaja frente a su competidor Flow, de Facebook.

El hecho de que la última versión de Babel soporte TypeScript has sido muy significativo.

TypeScript se ha convertido en un standard en el desarrollo tanto back-end como front-end. Cada vez aparecen más librerías que incluyen definiciones TypeScript. En caso de que la propia librería no las incluya, el proyecto definitelytyped proporciona tipos de miles de proyectos JavaScript.

El bundler Parcel reafirma el éxito que tuvo en 2017, parece que la idea de crear nuevos proyectos sin necesidad de configuración extra triunfa entre desarrolladores.

Ningún cambio significativo en el panorama de los frameworks de testing en 2018, las 5 primeras soluciones en la lista son las mismas que en el 2017 y en el mismo orden.

Jest ha aumentado su ventaja sobre los demás, parece que el esfuerzo de Facebook por proporcionar un completo framework de testing, que puede ser usado tanto para front-end (su intención inicial era puramente el testar componentes React) como back-end sin configuración, ha sido aclamado entre desarrolladores.

VS Code, el tercer proyecto más popular independientemente de su categoría, se ha convertido prácticamente en el IDE preferido para el desarrollo web.

Destaca por sus funciones de auto completado e integración con TypeScript.

Su característica estrella probablemente sean sus funcionalidades de debugging para Node.js.

Todavía no hay consenso sobre la mejor manera de dar estilo a nuestras modernas aplicaciones web construidas con componentes (ya sea con React, Vue.js o Angular).

Sin embargo Styled Components parece ser la solución "component-based styling" más popular.

Al igual que en 2017, Gatsby fue el "Static Site Generator" (herramienta para generar HTML, JavaScript y ficheros CSS preparados para desplegar donde queramos y crear sitios web muy rápidos) más popular en 2018.

Gatsby destaca en su versatilidad (lo mejor de "Single Page Applications" y web estáticas) y el rendimiento.

Para usuarios de Vue.js en vez de React, VuePress, en la segunda posición, puede ser una buena elección.

El ecosistema GraphQL está cogiendo velocidad y una de las mayores tendencias es la aparición de herramientas que simplifican parte del proceso de configuración de un endpoint GraphQL.

Gatsby continúa el número uno, siendo una de las herramientas más amigables para comenzar con GraphQL.

Graphcool evolucionó a Prisma y se colocó en el número dos, mientras que Hasura GraphQL Engine también ayuda a generar un back-end directamente de tu base de datos.

El resto del top 15 lo componen servidores GraphQL, clientes y otras utilidades como GraphQL Playground.

Angelos Chalaris es el principal responsable de uno de los proyectos más exitosos del año: 30 seconds of code, una excelente forma de aprender JavaScript mediante una colección de ejemplos concisos y muy bien documentados.

Al igual que la popularidad de JavaScript continúa creciendo, no paran de aparecer recursos para dominar este lenguaje y su amplio ecosistema.

La mayor parte de los recursos de aprendizaje del 2018 se dividen en dos categorías: "Tutoriales & Cheatsheets" y "Guidelines & Mejores prácticas".

La primera incluye proyectos como 30 seconds of code, You Don't know JS o JS Algorithms & Data Structures que proporcionan recursos gratis de alta calidad, explicando mediante ejemplos, tanto conceptos de programación como detalles específicos de JavaScript, que permiten a los developers programar a la vez que, poco a poco, se familiarizan con el ecosistema de JavaScript.

La segunda comprende proyectos como Airbnb Style Guide, Node.js Best Practices o Front-End Checklist. Este tipo de recursos ayudan a los equipos de desarrolladores a mantener el estilo de su código consistente, fácil de entender y a evitar errores comunes, algo que facilita la incorporación de nuevos miembros al equipo o comunidad.