Después de 2016 y 2017, ¡bienvenido a la tercera edición de JavaScript Rising Stars!

Es hora de analizar lo que el mundo JavaScript nos ha dejado en el 2018.

Usando los datos que hemos recopilado, veamos qué proyectos han tenido más peso en 2018 comparando el número de estrellas de GitHub ganadas en los últimos 12 meses y averigüemos cuáles han sido los JavaScript Rising Stars del 2018.


Los siguientes gráficos comparan el número de estrellas añadidas en GitHub durante los últimos 12 meses. Hemos analizado proyectos procedentes de Best of JS, una lista de los proyectos más destacados del mundo web cuidadosamente seleccionados. Si lo deseas, puedes hacer click en cualquier proyecto para conseguir más información.

Categorías

  1. Proyectos más populares del 2018
    Vue.jsReactVS CodeDenoPuppeteerCreate React AppAxiosAnt DesignVue Element AdminStorybook
  2. Frameworks Front-end
    Vue.jsReactAngularHyperappOmi
  3. Frameworks Node.js
    Next.jsNuxtNestExpressKoa
  4. Ecosistema React
    Create React AppAnt DesignGatsbyNext.jsMaterial UI
  5. Ecosistema Vue
    Vue Element AdminElementVuePressvue-cliNuxt
  6. Ecosistema Angular
    Angular CLIngx-adminMaterial Design for AngularNgRxNG-ZORRO
  7. Móvil
    React NativeWeexNativeScriptQuasarIonic
  8. Compiladores JS
    TypeScriptBabelFlowReasonPurescript
  9. Build
    ParcelWebpackRollupGulpPoi
  10. Testing
    JestAVAMochaJasmineTape
  11. Editores
    VS CodeAtomTheiaReactideBrackets
  12. CSS en JavaScript
    Styled ComponentsEmotionCSS ModulesLinariaPolished
  13. SSG
    GatsbyNext.jsVuePressNuxtHexo
  14. GraphQL
    GatsbyPrismaApollo clientGraphQLApollo Server
  15. Recursos de aprendizaje
    JS Algorithms & Data Structures30 seconds of codeYou Don't Know JSAirbnb Style GuideNode.js Best Practices
  16. Conclusión

Proyectos más populares del 2018

1
Vue.js

Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
+45.3k☆

Tendencias en 2018

3.9k
2.9k
3.9k
3.7k
3.3k
9.7k
3.6k
3.3k
2.7k
2.5k
3.0k
2.8k
E
F
M
A
M
J
J
A
S
O
N
D

Datos de GitHub

Creado
2013-07
Total estrellas
124.1k☆

Links

2
React

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
+34.2k☆
3
VS Code

VS Code

Visual Studio Code
+25.2k☆
4
Deno

Deno

A secure TypeScript runtime on V8
+21.6k☆
5
Puppeteer

Puppeteer

Headless Chrome Node API
+21.4k☆
6
Create React App

Create React App

Set up a modern web app by running one command.
+21.2k☆
7
Axios

Axios

Promise based HTTP client for the browser and node.js
+19.9k☆
8
Ant Design

Ant Design

🐜 A UI Design Language
+18.5k☆
9
Vue Element Admin

Vue Element Admin

A magical vue admin
+17.3k☆
10
Storybook

Storybook

Interactive UI component dev & test: React, React Native, Vue, Angular, Ember
+15.1k☆

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.

Frameworks Front-end

1
Vue.js

Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
+45.3k☆
2
React

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
+34.2k☆
3
Angular

Angular

One framework. Mobile & desktop.
+12.4k☆
4
Hyperapp

Hyperapp

1 kB JavaScript micro-framework for building declarative web applications
+7.6k☆
5
Omi

Omi

Next generation web framework using web components with omio fallback(IE8+) in tiny js.
+5.1k☆

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.

Frameworks Node.js

1
Next.js

Next.js

The React Framework
+12.6k☆
2
Nuxt

Nuxt

The Vue.js Developers Framework
+8.7k☆
3
Nest

Nest

A progressive Node.js framework for building efficient and scalable server-side applications on top
+8.4k☆
4
Express

Express

Fast, unopinionated, minimalist web framework for node.
+5.8k☆
5
Koa

Koa

Expressive middleware for node.js using ES2017 async functions
+5.5k☆

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

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.

Ecosistema React

1
Create React App

Create React App

Set up a modern web app by running one command.
+21.2k☆
2
Ant Design

Ant Design

🐜 A UI Design Language
+18.5k☆
3
Gatsby

Gatsby

Build blazing fast, modern apps and websites with React
+13.0k☆
4
Next.js

Next.js

The React Framework
+12.6k☆
5
Material UI

Material UI

React components that implement Google's Material Design.
+11.4k☆

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.

Ecosistema Vue

1
Vue Element Admin

Vue Element Admin

A magical vue admin
+17.3k☆
2
Element

Element

A Vue.js 2.0 UI Toolkit for Web
+12.4k☆
3
VuePress

VuePress

📝 Minimalistic Vue-powered static site generator
+10.4k☆
4
vue-cli

vue-cli

🛠️ Standard Tooling for Vue.js Development
+9.8k☆
5
Nuxt

Nuxt

The Vue.js Developers Framework
+8.7k☆

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.

Ecosistema Angular

1
Angular CLI

Angular CLI

CLI tool for Angular
+5.9k☆
2
ngx-admin

ngx-admin

Admin dashboard template based on Angular 7+, Bootstrap 4 (previously known as ng2-admin)
+4.8k☆
3
Material Design for Angular

Material Design for Angular

Material Design components for Angular
+4.3k☆
4
NgRx

NgRx

Reactive libraries for Angular
+2.5k☆
5
NG-ZORRO

NG-ZORRO

An enterprise-class UI components based on Ant Design and Angular 7. 🐜
+2.2k☆

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".

Móvil

1
React Native

React Native

A framework for building native apps with React.
+14.6k☆
2
Weex

Weex

A framework for building Mobile cross-platform UI.
+4.4k☆
3
NativeScript

NativeScript

NativeScript is an open source framework for building truly native mobile apps with JavaScript. Use
+3.8k☆
4
Quasar

Quasar

Quasar Framework
+3.6k☆
5
Ionic

Ionic

Build amazing native and progressive web apps with open web technologies. One app running on everyth
+3.5k☆

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.

Loading
Loading
Loading
Loading
Loading
Loading
Loading
Loading

Conclusión

Mirando atrás al 2018, la historia más impactante dentro de la comunidad JavaScript posiblemente sea el Event-stream drama, aparecido en Noviembre.

Se habló mucho sobre este tema, la preocupación en la seguridad y la carga que se adquiere al mantener de proyectos open-source.

Hablando de open-source, la compra de GitHub por Microsoft en Junio, fue algo muy comentado también.

Durante los últimos meses del año, Microsoft ha puesto de su parte para convertirse en uno de los mayores activos del mundo JavaScript, con sus exitosos TypeScript y editor VS Code.

Por lo que no parece tan sorprendente que un gigante como Microsoft haya tomado control de nuestro querido GitHub...¡menudo vuelco en la historia del open-source!

¡Muchas gracias por tu atención! no dudes en compartir este artículo o contactarnos en GitHub si quieres contarnos qué opinas...¡nos vemos el año que viene!

Spanish version

Authors

Sacha Greif

Author of Discover Meteor and creator of Vulcan, a React+GraphQL open-source framework.

Available Translations

English

中文