npm Trends
2020 Edition
MancJS Meetup, 2021-02-10
Who is this guy?
Laurie Voss
@seldo on Twitter
What are we talking about?
This talk started as a Twitter thread
![](https://s3.amazonaws.com/media-p.slid.es/uploads/136956/images/8222473/Screen_Shot_2021-02-09_at_9.02.31_PM.png)
Why should I listen to you?
The npm Registry
114,808,993,822 downloads last month
![](https://s3.amazonaws.com/media-p.slid.es/uploads/136956/images/8222476/registry.png)
What does this data tell us?
What does this data mean?
Absolute downloads: React
![](https://s3.amazonaws.com/media-p.slid.es/uploads/136956/images/8222478/react_absolute.png)
Absolute downloads: Vue
![](https://s3.amazonaws.com/media-p.slid.es/uploads/136956/images/8222479/vue_absolute.png)
The Registry grows exponentially
![](https://s3.amazonaws.com/media-p.slid.es/uploads/136956/images/8222476/registry.png)
Relative to the Registry
![](https://s3.amazonaws.com/media-p.slid.es/uploads/136956/images/8222481/react_relative.png)
React's share of the registry is falling
![](https://s3.amazonaws.com/media-p.slid.es/uploads/136956/images/8222478/react_absolute.png)
But only relatively!
![](https://s3.amazonaws.com/media-p.slid.es/uploads/136956/images/8222484/react_relative.png)
What's up with that?
This has happened before
![](https://s3.amazonaws.com/media-p.slid.es/uploads/136956/images/8222491/express_absolute.png)
Express relative to the registry
![](https://s3.amazonaws.com/media-p.slid.es/uploads/136956/images/8222495/express_and_react__relative.png)
What does this all mean?
React-Relative Registry Traffic
R3T
React in R3T
![](https://s3.amazonaws.com/media-p.slid.es/uploads/136956/images/8222500/react_r3t.png)
Duh.
Vue absolute
![](https://s3.amazonaws.com/media-p.slid.es/uploads/136956/images/8222479/vue_absolute.png)
Vue in R3T
![](https://s3.amazonaws.com/media-p.slid.es/uploads/136956/images/8222502/Vue_r3t.png)
React vs. Vue in R3T
![](https://s3.amazonaws.com/media-p.slid.es/uploads/136956/images/8222505/React_and_Vue_r3t.png)
Vue, the Registry and China
Vue is probably more popular than it looks
Does this make sense?
Bigger than React?
React and Jest
![](https://s3.amazonaws.com/media-p.slid.es/uploads/136956/images/8222507/React_and_Jest.png)
Create React App
![](https://s3.amazonaws.com/media-p.slid.es/uploads/136956/images/8222508/CRA.png)
Next, Nuxt, Nest and Gatsby
![](https://s3.amazonaws.com/media-p.slid.es/uploads/136956/images/8222510/Next__Nuxt__Nest_and_Gatsby.png)
Nuxt
![](https://s3.amazonaws.com/media-p.slid.es/uploads/136956/images/8222510/Next__Nuxt__Nest_and_Gatsby.png)
Gatsby
![](https://s3.amazonaws.com/media-p.slid.es/uploads/136956/images/8222510/Next__Nuxt__Nest_and_Gatsby.png)
Nest
![](https://s3.amazonaws.com/media-p.slid.es/uploads/136956/images/8222510/Next__Nuxt__Nest_and_Gatsby.png)
Angular
![](https://s3.amazonaws.com/media-p.slid.es/uploads/136956/images/8222512/angular.png)
Angular is not as popular as React
![](https://s3.amazonaws.com/media-p.slid.es/uploads/136956/images/8222512/angular.png)
Please do not yell at me about the graphs
![](https://s3.amazonaws.com/media-p.slid.es/uploads/136956/images/8222514/angular_absolute.png)
Svelte
![](https://s3.amazonaws.com/media-p.slid.es/uploads/136956/images/8222515/Svelte.png)
Eleventy
![](https://s3.amazonaws.com/media-p.slid.es/uploads/136956/images/8222517/Eleventy.png)
React Native
![](https://s3.amazonaws.com/media-p.slid.es/uploads/136956/images/8222518/React_Native.png)
jQuery
![](https://s3.amazonaws.com/media-p.slid.es/uploads/136956/images/8222519/jQuery.png)
TypeScript
![](https://s3.amazonaws.com/media-p.slid.es/uploads/136956/images/8222520/TypeScript.png)
Tailwind
![](https://s3.amazonaws.com/media-p.slid.es/uploads/136956/images/8222521/Tailwind_CSS.png)
That's all, folks!
Let me know
@seldo on Twitter (and everywhere else)
me@seldo.com via the electronic mails
npm Trends
By seldo
npm Trends
- 3,240