Los mejores proyectos JavaScript del 2018

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 JavaScript, 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.

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☆
En 2018, Vue.js consiguió 45.3k estrellas, llegando a alcanzar el puesto #1 en Proyecto JavaScript en GitHub Tweet
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
2
React

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
+34.2k☆
En 2018, React consiguió 34.2k estrellas, llegando a alcanzar el puesto #2 en Proyecto JavaScript en GitHub Tweet
2.7k
2.1k
2.9k
2.5k
2.4k
7.9k
2.6k
2.4k
2.2k
2.2k
2.3k
2.0k
E
F
M
A
M
J
J
A
S
O
N
D
3
VS Code

VS Code

Visual Studio Code
+25.2k☆
En 2018, VS Code consiguió 25.2k estrellas, llegando a alcanzar el puesto #3 en Proyecto JavaScript en GitHub Tweet
2.0k
1.8k
2.0k
1.8k
2.3k
3.1k
1.9k
2.2k
2.3k
2.5k
1.8k
1.6k
E
F
M
A
M
J
J
A
S
O
N
D
4
Deno

Deno

A secure TypeScript runtime on V8
+21.6k☆
En 2018, Deno consiguió 21.6k estrellas, llegando a alcanzar el puesto #4 en Proyecto JavaScript en GitHub Tweet
14.8k
1.9k
1.4k
835
908
817
1.0k
E
F
M
A
M
J
J
A
S
O
N
D
5
Puppeteer

Puppeteer

Headless Chrome Node API
+21.4k☆
En 2018, Puppeteer consiguió 21.4k estrellas, llegando a alcanzar el puesto #5 en Proyecto JavaScript en GitHub Tweet
3.4k
2.0k
2.1k
1.6k
1.7k
1.5k
1.5k
1.7k
1.4k
1.5k
1.4k
1.6k
E
F
M
A
M
J
J
A
S
O
N
D
6
Create React App

Create React App

Set up a modern web app by running one command.
+21.2k☆
En 2018, Create React App consiguió 21.2k estrellas, llegando a alcanzar el puesto #6 en Proyecto JavaScript en GitHub Tweet
2.3k
1.7k
2.0k
1.8k
1.8k
1.6k
1.7k
1.5k
1.8k
2.1k
1.4k
1.4k
E
F
M
A
M
J
J
A
S
O
N
D
7
Axios

Axios

Promise based HTTP client for the browser and node.js
+19.9k☆
En 2018, Axios consiguió 19.9k estrellas, llegando a alcanzar el puesto #7 en Proyecto JavaScript en GitHub Tweet
2.1k
1.6k
2.0k
1.8k
1.8k
1.6k
1.7k
1.7k
1.5k
1.4k
1.4k
1.3k
E
F
M
A
M
J
J
A
S
O
N
D
8
Ant Design

Ant Design

🐜 A UI Design Language
+18.5k☆
En 2018, Ant Design consiguió 18.5k estrellas, llegando a alcanzar el puesto #8 en Proyecto JavaScript en GitHub Tweet
1.9k
1.0k
1.6k
1.3k
1.4k
1.2k
1.3k
1.3k
1.3k
1.0k
1.2k
4.0k
E
F
M
A
M
J
J
A
S
O
N
D
9
Vue Element Admin

Vue Element Admin

A magical vue admin
+17.3k☆
En 2018, Vue Element Admin consiguió 17.3k estrellas, llegando a alcanzar el puesto #9 en Proyecto JavaScript en GitHub Tweet
1.1k
696
1.4k
1.3k
1.6k
1.6k
1.8k
1.6k
1.7k
1.4k
1.5k
1.6k
E
F
M
A
M
J
J
A
S
O
N
D
10
Storybook

Storybook

Interactive UI component dev & test: React, React Native, Vue, Angular, Ember
+15.1k☆
En 2018, Storybook consiguió 15.1k estrellas, llegando a alcanzar el puesto #10 en Proyecto JavaScript en GitHub Tweet
2.2k
1.1k
1.3k
1.2k
1.2k
982
1.2k
1.3k
1.2k
1.3k
1.2k
909
E
F
M
A
M
J
J
A
S
O
N
D

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☆
En 2018, Vue.js consiguió 45.3k estrellas, llegando a alcanzar el puesto #1 en Framework front-end en GitHub Tweet
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
2
React

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
+34.2k☆
En 2018, React consiguió 34.2k estrellas, llegando a alcanzar el puesto #2 en Framework front-end en GitHub Tweet
2.7k
2.1k
2.9k
2.5k
2.4k
7.9k
2.6k
2.4k
2.2k
2.2k
2.3k
2.0k
E
F
M
A
M
J
J
A
S
O
N
D
3
Angular

Angular

One framework. Mobile & desktop.
+12.4k☆
En 2018, Angular consiguió 12.4k estrellas, llegando a alcanzar el puesto #3 en Framework front-end en GitHub Tweet
1.1k
968
1.0k
1.1k
1.0k
1.1k
1.2k
1.1k
1.0k
1.1k
964
766
E
F
M
A
M
J
J
A
S
O
N
D
4
Hyperapp

Hyperapp

1 kB JavaScript micro-framework for building declarative web applications
+7.6k☆
En 2018, Hyperapp consiguió 7.6k estrellas, llegando a alcanzar el puesto #4 en Framework front-end en GitHub Tweet
2.3k
877
488
243
1.6k
491
621
309
192
185
209
134
E
F
M
A
M
J
J
A
S
O
N
D
5
Omi

Omi

Next generation web framework using web components with omio fallback(IE8+) in tiny js.
+5.1k☆
En 2018, Omi consiguió 5.1k estrellas, llegando a alcanzar el puesto #5 en Framework front-end en GitHub Tweet
24
35
28
23
96
3.1k
1.1k
691
E
F
M
A
M
J
J
A
S
O
N
D

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☆
En 2018, Next.js consiguió 12.6k estrellas, llegando a alcanzar el puesto #1 en Proyecto Node en GitHub Tweet
1.5k
964
992
918
1.0k
914
939
908
1.3k
1.2k
961
1.0k
E
F
M
A
M
J
J
A
S
O
N
D
2
Nuxt

Nuxt

The Vue.js Developers Framework
+8.7k☆
En 2018, Nuxt consiguió 8.7k estrellas, llegando a alcanzar el puesto #2 en Proyecto Node en GitHub Tweet
1.1k
688
860
858
708
605
578
629
716
787
603
602
E
F
M
A
M
J
J
A
S
O
N
D
3
Nest

Nest

A progressive Node.js framework for building efficient and scalable server-side applications on top
+8.4k☆
En 2018, Nest consiguió 8.4k estrellas, llegando a alcanzar el puesto #3 en Proyecto Node en GitHub Tweet
583
826
615
462
785
579
651
708
862
668
742
882
E
F
M
A
M
J
J
A
S
O
N
D
4
Express

Express

Fast, unopinionated, minimalist web framework for node.
+5.8k☆
En 2018, Express consiguió 5.8k estrellas, llegando a alcanzar el puesto #4 en Proyecto Node en GitHub Tweet
548
483
564
602
510
463
446
483
434
425
493
398
E
F
M
A
M
J
J
A
S
O
N
D
5
Koa

Koa

Expressive middleware for node.js using ES2017 async functions
+5.5k☆
En 2018, Koa consiguió 5.5k estrellas, llegando a alcanzar el puesto #5 en Proyecto Node en GitHub Tweet
526
382
578
527
506
438
468
448
476
385
371
373
E
F
M
A
M
J
J
A
S
O
N
D

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☆
En 2018, Create React App consiguió 21.2k estrellas, llegando a alcanzar el puesto #1 en Librería React en GitHub Tweet
2.3k
1.7k
2.0k
1.8k
1.8k
1.6k
1.7k
1.5k
1.8k
2.1k
1.4k
1.4k
E
F
M
A
M
J
J
A
S
O
N
D
2
Ant Design

Ant Design

🐜 A UI Design Language
+18.5k☆
En 2018, Ant Design consiguió 18.5k estrellas, llegando a alcanzar el puesto #2 en Librería React en GitHub Tweet
1.9k
1.0k
1.6k
1.3k
1.4k
1.2k
1.3k
1.3k
1.3k
1.0k
1.2k
4.0k
E
F
M
A
M
J
J
A
S
O
N
D
3
Gatsby

Gatsby

Build blazing fast, modern apps and websites with React
+13.0k☆
En 2018, Gatsby consiguió 13.0k estrellas, llegando a alcanzar el puesto #3 en Librería React en GitHub Tweet
1.7k
960
1.1k
928
831
875
1.0k
1.1k
1.1k
1.1k
946
1.3k
E
F
M
A
M
J
J
A
S
O
N
D
4
Next.js

Next.js

The React Framework
+12.6k☆
En 2018, Next.js consiguió 12.6k estrellas, llegando a alcanzar el puesto #4 en Librería React en GitHub Tweet
1.5k
964
992
918
1.0k
914
939
908
1.3k
1.2k
961
1.0k
E
F
M
A
M
J
J
A
S
O
N
D
5
Material UI

Material UI

React components that implement Google's Material Design.
+11.4k☆
En 2018, Material UI consiguió 11.4k estrellas, llegando a alcanzar el puesto #5 en Librería React en GitHub Tweet
993
769
974
860
1.9k
931
846
869
864
879
757
783
E
F
M
A
M
J
J
A
S
O
N
D

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☆
En 2018, Vue Element Admin consiguió 17.3k estrellas, llegando a alcanzar el puesto #1 en Librería Vue en GitHub Tweet
1.1k
696
1.4k
1.3k
1.6k
1.6k
1.8k
1.6k
1.7k
1.4k
1.5k
1.6k
E
F
M
A
M
J
J
A
S
O
N
D
2
Element

Element

A Vue.js 2.0 UI Toolkit for Web
+12.4k☆
En 2018, Element consiguió 12.4k estrellas, llegando a alcanzar el puesto #2 en Librería Vue en GitHub Tweet
1.4k
838
1.2k
1.1k
1.2k
1.1k
1.1k
996
993
795
882
872
E
F
M
A
M
J
J
A
S
O
N
D
3
VuePress

VuePress

📝 Minimalistic Vue-powered static site generator
+10.4k☆
En 2018, VuePress consiguió 10.4k estrellas, llegando a alcanzar el puesto #3 en Librería Vue en GitHub Tweet
6.0k
1.2k
532
443
564
473
320
424
425
E
F
M
A
M
J
J
A
S
O
N
D
4
vue-cli

vue-cli

🛠️ Standard Tooling for Vue.js Development
+9.8k☆
En 2018, vue-cli consiguió 9.8k estrellas, llegando a alcanzar el puesto #4 en Librería Vue en GitHub Tweet
591
694
956
865
1.1k
1.1k
847
1.1k
722
518
653
645
E
F
M
A
M
J
J
A
S
O
N
D
5
Nuxt

Nuxt

The Vue.js Developers Framework
+8.7k☆
En 2018, Nuxt consiguió 8.7k estrellas, llegando a alcanzar el puesto #5 en Librería Vue en GitHub Tweet
1.1k
688
860
858
708
605
578
629
716
787
603
602
E
F
M
A
M
J
J
A
S
O
N
D

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☆
En 2018, Angular CLI consiguió 5.9k estrellas, llegando a alcanzar el puesto #1 en Librería Angular en GitHub Tweet
658
658
645
596
698
235
778
414
353
393
298
221
E
F
M
A
M
J
J
A
S
O
N
D
2
ngx-admin

ngx-admin

Admin dashboard template based on Angular 7+, Bootstrap 4 (previously known as ng2-admin)
+4.8k☆
En 2018, ngx-admin consiguió 4.8k estrellas, llegando a alcanzar el puesto #2 en Librería Angular en GitHub Tweet
214
388
486
480
408
419
421
382
365
412
466
400
E
F
M
A
M
J
J
A
S
O
N
D
3
Material Design for Angular

Material Design for Angular

Material Design components for Angular
+4.3k☆
En 2018, Material Design for Angular consiguió 4.3k estrellas, llegando a alcanzar el puesto #3 en Librería Angular en GitHub Tweet
403
350
394
427
426
385
324
342
299
422
286
255
E
F
M
A
M
J
J
A
S
O
N
D
4
NgRx

NgRx

Reactive libraries for Angular
+2.5k☆
En 2018, NgRx consiguió 2.5k estrellas, llegando a alcanzar el puesto #4 en Librería Angular en GitHub Tweet
248
237
270
213
501
68
265
140
176
177
158
E
F
M
A
M
J
J
A
S
O
N
D
5
NG-ZORRO

NG-ZORRO

An enterprise-class UI components based on Ant Design and Angular 7. 🐜
+2.2k☆
En 2018, NG-ZORRO consiguió 2.2k estrellas, llegando a alcanzar el puesto #5 en Librería Angular en GitHub Tweet
214
94
197
204
201
236
210
168
146
150
161
190
E
F
M
A
M
J
J
A
S
O
N
D

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☆
En 2018, React Native consiguió 14.6k estrellas, llegando a alcanzar el puesto #1 en Framework móvil en GitHub Tweet
1.3k
1.3k
1.5k
1.3k
1.2k
1.4k
1.2k
1.1k
1.1k
1.1k
1.1k
921
E
F
M
A
M
J
J
A
S
O
N
D
2
Weex

Weex

A framework for building Mobile cross-platform UI.
+4.4k☆
En 2018, Weex consiguió 4.4k estrellas, llegando a alcanzar el puesto #2 en Framework móvil en GitHub Tweet
669
401
521
452
459
366
283
252
215
215
302
228
E
F
M
A
M
J
J
A
S
O
N
D
3
NativeScript

NativeScript

NativeScript is an open source framework for building truly native mobile apps with JavaScript. Use
+3.8k☆
En 2018, NativeScript consiguió 3.8k estrellas, llegando a alcanzar el puesto #3 en Framework móvil en GitHub Tweet
262
333
363
386
320
299
288
308
302
352
304
249
E
F
M
A
M
J
J
A
S
O
N
D
4
Quasar

Quasar

Quasar Framework
+3.6k☆
En 2018, Quasar consiguió 3.6k estrellas, llegando a alcanzar el puesto #4 en Framework móvil en GitHub Tweet
398
295
342
248
340
386
337
306
268
244
183
257
E
F
M
A
M
J
J
A
S
O
N
D
5
Ionic

Ionic

Build amazing native and progressive web apps with open web technologies. One app running on everyth
+3.5k☆
En 2018, Ionic consiguió 3.5k estrellas, llegando a alcanzar el puesto #5 en Framework móvil en GitHub Tweet
335
294
325
282
340
206
265
353
246
271
299
266
E
F
M
A
M
J
J
A
S
O
N
D

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.

Compiladores JS

1
TypeScript

TypeScript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
+13.6k☆
En 2018, TypeScript consiguió 13.6k estrellas, llegando a alcanzar el puesto #1 en Compilador JavaScript en GitHub Tweet
1.1k
940
1.1k
1.0k
1.0k
1.5k
1.2k
1.1k
1.1k
1.3k
997
1.2k
E
F
M
A
M
J
J
A
S
O
N
D
2
Babel

Babel

🐠 Babel is a compiler for writing next generation JavaScript.
+6.3k☆
En 2018, Babel consiguió 6.3k estrellas, llegando a alcanzar el puesto #2 en Compilador JavaScript en GitHub Tweet
646
526
660
561
483
474
414
635
502
438
445
487
E
F
M
A
M
J
J
A
S
O
N
D
3
Flow

Flow

Adds static typing to JavaScript to improve developer productivity and code quality.
+3.8k☆
En 2018, Flow consiguió 3.8k estrellas, llegando a alcanzar el puesto #3 en Compilador JavaScript en GitHub Tweet
391
344
393
333
333
350
318
313
318
254
253
210
E
F
M
A
M
J
J
A
S
O
N
D
4
Reason

Reason

Simple, fast & type safe code that leverages the JavaScript & OCaml ecosystems
+2.8k☆
En 2018, Reason consiguió 2.8k estrellas, llegando a alcanzar el puesto #4 en Compilador JavaScript en GitHub Tweet
619
286
200
150
243
208
137
165
149
192
279
133
E
F
M
A
M
J
J
A
S
O
N
D
5
Purescript

Purescript

A strongly-typed language that compiles to Javascript
+1.0k☆
En 2018, Purescript consiguió 1.0k estrellas, llegando a alcanzar el puesto #5 en Compilador JavaScript en GitHub Tweet
93
66
127
94
85
53
127
101
80
77
76
59
E
F
M
A
M
J
J
A
S
O
N
D

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.

Build

1
Parcel

Parcel

📦🚀 Blazing fast, zero configuration web application bundler
+14.9k☆
En 2018, Parcel consiguió 14.9k estrellas, llegando a alcanzar el puesto #1 en Build en GitHub Tweet
4.4k
1.5k
1.2k
933
766
1.2k
1.5k
865
673
767
619
543
E
F
M
A
M
J
J
A
S
O
N
D
2
Webpack

Webpack

A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting a
+10.7k☆
En 2018, Webpack consiguió 10.7k estrellas, llegando a alcanzar el puesto #2 en Build en GitHub Tweet
1.2k
1.4k
1.3k
1.1k
910
799
738
803
670
593
605
618
E
F
M
A
M
J
J
A
S
O
N
D
3
Rollup

Rollup

Next-generation ES module bundler
+3.2k☆
En 2018, Rollup consiguió 3.2k estrellas, llegando a alcanzar el puesto #3 en Build en GitHub Tweet
374
228
292
279
303
271
241
257
162
231
248
270
E
F
M
A
M
J
J
A
S
O
N
D
4
Gulp

Gulp

The streaming build system
+2.5k☆
En 2018, Gulp consiguió 2.5k estrellas, llegando a alcanzar el puesto #4 en Build en GitHub Tweet
350
216
231
248
251
192
216
214
168
141
103
139
E
F
M
A
M
J
J
A
S
O
N
D
5
Poi

Poi

A zero-config bundler for JavaScript applications.
+1.3k☆
En 2018, Poi consiguió 1.3k estrellas, llegando a alcanzar el puesto #5 en Build en GitHub Tweet
240
156
149
114
100
117
104
66
32
56
60
123
E
F
M
A
M
J
J
A
S
O
N
D

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.

Testing

1
Jest

Jest

Delightful JavaScript Testing.
+8.1k☆
En 2018, Jest consiguió 8.1k estrellas, llegando a alcanzar el puesto #1 en Testing en GitHub Tweet
888
642
672
584
674
711
764
689
626
603
663
542
E
F
M
A
M
J
J
A
S
O
N
D
2
AVA

AVA

🚀 Testing can be a drag. AVA helps you get it done.
+3.1k☆
En 2018, AVA consiguió 3.1k estrellas, llegando a alcanzar el puesto #2 en Testing en GitHub Tweet
454
282
338
247
230
252
201
231
205
173
212
250
E
F
M
A
M
J
J
A
S
O
N
D
3
Mocha

Mocha

☕️ simple, flexible, fun javascript test framework for node.js & the browser
+2.6k☆
En 2018, Mocha consiguió 2.6k estrellas, llegando a alcanzar el puesto #3 en Testing en GitHub Tweet
275
225
263
252
240
204
231
187
172
218
181
171
E
F
M
A
M
J
J
A
S
O
N
D
4
Jasmine

Jasmine

Simple JavaScript testing framework for browsers and node.js
+911☆
En 2018, Jasmine consiguió 911 estrellas, llegando a alcanzar el puesto #4 en Testing en GitHub Tweet
77
72
88
84
90
74
76
80
76
71
79
44
E
F
M
A
M
J
J
A
S
O
N
D
5
Tape

Tape

tap-producing test harness for node and browsers
+533☆
En 2018, Tape consiguió 533 estrellas, llegando a alcanzar el puesto #5 en Testing en GitHub Tweet
84
52
58
64
36
36
36
40
30
31
38
28
E
F
M
A
M
J
J
A
S
O
N
D

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.

Editores

1
VS Code

VS Code

Visual Studio Code
+25.2k☆
En 2018, VS Code consiguió 25.2k estrellas, llegando a alcanzar el puesto #1 en Editor en GitHub Tweet
2.0k
1.8k
2.0k
1.8k
2.3k
3.1k
1.9k
2.2k
2.3k
2.5k
1.8k
1.6k
E
F
M
A
M
J
J
A
S
O
N
D
2
Atom

Atom

The hackable text editor
+4.9k☆
En 2018, Atom consiguió 4.9k estrellas, llegando a alcanzar el puesto #2 en Editor en GitHub Tweet
547
510
560
495
416
366
340
370
313
333
331
271
E
F
M
A
M
J
J
A
S
O
N
D
3
Theia

Theia

Theia is a cloud & desktop IDE framework implemented in TypeScript.
+1.2k☆
En 2018, Theia consiguió 1.2k estrellas, llegando a alcanzar el puesto #3 en Editor en GitHub Tweet
80
270
244
193
195
223
E
F
M
A
M
J
J
A
S
O
N
D
4
Reactide

Reactide

Reactide is the first dedicated IDE for React web application development. http://reactide.io
+1.1k☆
En 2018, Reactide consiguió 1.1k estrellas, llegando a alcanzar el puesto #4 en Editor en GitHub Tweet
261
92
115
108
67
50
85
47
35
50
78
133
E
F
M
A
M
J
J
A
S
O
N
D
5
Brackets

Brackets

An open source code editor for the web, written in JavaScript, HTML and CSS.
+951☆
En 2018, Brackets consiguió 951 estrellas, llegando a alcanzar el puesto #5 en Editor en GitHub Tweet
106
103
72
104
76
56
66
52
20
186
61
49
E
F
M
A
M
J
J
A
S
O
N
D

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.

CSS en JavaScript

1
Styled Components

Styled Components

Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without
+8.9k☆
En 2018, Styled Components consiguió 8.9k estrellas, llegando a alcanzar el puesto #1 en Librería CSS-en-JS en GitHub Tweet
1.2k
738
813
811
774
729
673
696
636
674
616
586
E
F
M
A
M
J
J
A
S
O
N
D
2
Emotion

Emotion

CSS-in-JS library designed for high performance style composition
+3.9k☆
En 2018, Emotion consiguió 3.9k estrellas, llegando a alcanzar el puesto #2 en Librería CSS-en-JS en GitHub Tweet
278
159
190
248
404
291
419
417
368
294
336
507
E
F
M
A
M
J
J
A
S
O
N
D
3
CSS Modules

CSS Modules

Documentation about css-modules
+2.5k☆
En 2018, CSS Modules consiguió 2.5k estrellas, llegando a alcanzar el puesto #3 en Librería CSS-en-JS en GitHub Tweet
255
209
223
259
210
160
193
226
189
196
182
152
E
F
M
A
M
J
J
A
S
O
N
D
4
Linaria

Linaria

Zero-runtime CSS in JS library
+1.7k☆
En 2018, Linaria consiguió 1.7k estrellas, llegando a alcanzar el puesto #4 en Librería CSS-en-JS en GitHub Tweet
18
10
27
177
285
19
692
191
146
97
E
F
M
A
M
J
J
A
S
O
N
D
5
Polished

Polished

A lightweight toolset for writing styles in JavaScript ✨
+1.5k☆
En 2018, Polished consiguió 1.5k estrellas, llegando a alcanzar el puesto #5 en Librería CSS-en-JS en GitHub Tweet
118
102
93
93
126
250
175
121
129
106
108
118
E
F
M
A
M
J
J
A
S
O
N
D

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.

SSG

1
Gatsby

Gatsby

Build blazing fast, modern apps and websites with React
+13.0k☆
En 2018, Gatsby consiguió 13.0k estrellas, llegando a alcanzar el puesto #1 en SSG en GitHub Tweet
1.7k
960
1.1k
928
831
875
1.0k
1.1k
1.1k
1.1k
946
1.3k
E
F
M
A
M
J
J
A
S
O
N
D
2
Next.js

Next.js

The React Framework
+12.6k☆
En 2018, Next.js consiguió 12.6k estrellas, llegando a alcanzar el puesto #2 en SSG en GitHub Tweet
1.5k
964
992
918
1.0k
914
939
908
1.3k
1.2k
961
1.0k
E
F
M
A
M
J
J
A
S
O
N
D
3
VuePress

VuePress

📝 Minimalistic Vue-powered static site generator
+10.4k☆
En 2018, VuePress consiguió 10.4k estrellas, llegando a alcanzar el puesto #3 en SSG en GitHub Tweet
6.0k
1.2k
532
443
564
473
320
424
425
E
F
M
A
M
J
J
A
S
O
N
D
4
Nuxt

Nuxt

The Vue.js Developers Framework
+8.7k☆
En 2018, Nuxt consiguió 8.7k estrellas, llegando a alcanzar el puesto #4 en SSG en GitHub Tweet
1.1k
688
860
858
708
605
578
629
716
787
603
602
E
F
M
A
M
J
J
A
S
O
N
D
5
Hexo

Hexo

A fast, simple & powerful blog framework, powered by Node.js.
+4.8k☆
En 2018, Hexo consiguió 4.8k estrellas, llegando a alcanzar el puesto #5 en SSG en GitHub Tweet
586
377
514
494
435
340
364
383
338
314
327
366
E
F
M
A
M
J
J
A
S
O
N
D

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.

GraphQL

1
Gatsby

Gatsby

Build blazing fast, modern apps and websites with React
+13.0k☆
En 2018, Gatsby consiguió 13.0k estrellas, llegando a alcanzar el puesto #1 en Proyecto GraphQL JavaScript en GitHub Tweet
1.7k
960
1.1k
928
831
875
1.0k
1.1k
1.1k
1.1k
946
1.3k
E
F
M
A
M
J
J
A
S
O
N
D
2
Prisma

Prisma

⚡️ Prisma enables seamless type-safe database access & declarative data modeling
+8.0k☆
En 2018, Prisma consiguió 8.0k estrellas, llegando a alcanzar el puesto #2 en Proyecto GraphQL JavaScript en GitHub Tweet
1.5k
747
571
469
1.3k
560
452
399
462
558
500
449
E
F
M
A
M
J
J
A
S
O
N
D
3
Apollo client

Apollo client

A fully-featured, production ready caching GraphQL client for every UI framework and GraphQ
+4.2k☆
En 2018, Apollo client consiguió 4.2k estrellas, llegando a alcanzar el puesto #3 en Proyecto GraphQL JavaScript en GitHub Tweet
438
398
406
353
384
384
369
311
265
289
300
282
E
F
M
A
M
J
J
A
S
O
N
D
4
GraphQL

GraphQL

GraphQL is a query language and execution engine tied to any backend service.
+3.7k☆
En 2018, GraphQL consiguió 3.7k estrellas, llegando a alcanzar el puesto #4 en Proyecto GraphQL JavaScript en GitHub Tweet
348
289
307
286
322
374
309
272
258
300
354
249
E
F
M
A
M
J
J
A
S
O
N
D
5
Apollo Server

Apollo Server

🌍 GraphQL server for Express, Connect, Hapi, Koa and more
+3.2k☆
En 2018, Apollo Server consiguió 3.2k estrellas, llegando a alcanzar el puesto #5 en Proyecto GraphQL JavaScript en GitHub Tweet
273
181
255
231
278
331
371
276
239
285
228
236
E
F
M
A
M
J
J
A
S
O
N
D

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.

Recursos de aprendizaje

1
JS Algorithms & Data Structures

JS Algorithms & Data Structures

📝 Algorithms and data structures implemented in JavaScript with explanations and links to further r
+39.0k☆
En 2018, JS Algorithms & Data Structures consiguió 39.0k estrellas, llegando a alcanzar el puesto #1 en Recurso de aprendizaje en GitHub Tweet
14.4k
8.3k
5.9k
4.6k
1.8k
961
1.1k
2.0k
E
F
M
A
M
J
J
A
S
O
N
D
2
30 seconds of code

30 seconds of code

Curated collection of useful JavaScript snippets that you can understand in 30 seconds or less.
+21.9k☆
En 2018, 30 seconds of code consiguió 21.9k estrellas, llegando a alcanzar el puesto #2 en Recurso de aprendizaje en GitHub Tweet
3.3k
1.4k
1.2k
476
477
559
357
333
2.5k
6.8k
2.3k
2.1k
E
F
M
A
M
J
J
A
S
O
N
D
3
You Don't Know JS

You Don't Know JS

A book series on JavaScript. @YDKJS on twitter.
+21.0k☆
En 2018, You Don't Know JS consiguió 21.0k estrellas, llegando a alcanzar el puesto #3 en Recurso de aprendizaje en GitHub Tweet
2.1k
1.7k
2.0k
2.4k
1.7k
1.5k
1.5k
1.8k
1.7k
1.6k
1.6k
1.5k
E
F
M
A
M
J
J
A
S
O
N
D
4
Airbnb Style Guide

Airbnb Style Guide

JavaScript Style Guide
+16.4k☆
En 2018, Airbnb Style Guide consiguió 16.4k estrellas, llegando a alcanzar el puesto #4 en Recurso de aprendizaje en GitHub Tweet
1.9k
1.5k
1.6k
1.5k
1.3k
1.2k
1.4k
1.3k
1.1k
1.4k
1.2k
955
E
F
M
A
M
J
J
A
S
O
N
D
5
Node.js Best Practices

Node.js Best Practices

The largest Node.js best practices list (January 2019)
+10.3k☆
En 2018, Node.js Best Practices consiguió 10.3k estrellas, llegando a alcanzar el puesto #5 en Recurso de aprendizaje en GitHub Tweet
592
552
500
361
369
310
492
1.7k
1.2k
641
500
3.0k
E
F
M
A
M
J
J
A
S
O
N
D

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.

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 Grief
Author of Discover Meteor and creator of Vulcan, a React+GraphQL open-source framework.

Available Translations

English

中文