State of JS 2020 data source: 2020.stateofjs.com/zh-Hans/tec…

1. Technology trends

Some emerging JavaScript libraries have high developer satisfaction but low usage — which can make it difficult for developers to choose the right technology. The following data can help us choose the right technology.

1-1. Time trend

The first diagram represents the trend of these libraries over time. It has four quadrants, from bottom to top vertically representing low to high usage; Horizontal from left to right represents the use of experience from bad to good. In other words, the farther to the right of each line (red), the more popular the library is, and the farther to the right, the less used the library is (green and gray).

1-2. Satisfaction and number of users

The second chart shows how satisfied these libraries are compared to the number of users. It also has four quadrants, from the bottom to the top, representing the lowest level of satisfaction; Landscape from left to right represents the number of users from the lowest to the highest.

1-3. Simple analysis

  • 1. In the front-end UI framework, React usage and experience are very high; Vue.js is also a good user experience. Although the usage rate is increasing every year, the overall usage rate is still a little lower. Angular has good usage, but the experience is getting worse
  • 2. In Nodejs Server framework, Express usage and usage experience are increasing year by year, while Koa usage is very low and usage experience is not very good.
  • 3. In the packaging tool, WebPack usage is very high, but the usage satisfaction has decreased to a certain extent. Rollup usage and usage satisfaction are both rising, but the data magnitude is still different from WebPack.
  • TypeScript and Jest are riding high together, both in usage and experience.
  • 5, other libraries such as Electron, puppeteer, esbuild, although the utilization rate is not very high, but the use satisfaction is also very high.

Second, JavaScript Flavors

A library for a language that can be compiled to JS.

Here are two charts showing how satisfied developers are with each language:

As you can see, TypeScript is on a roll, outperforming all other libraries in terms of data.

Third, the front-end framework

Here are two charts showing the satisfaction of various front-end frameworks in the minds of developers:

As you can see, the most popular front-end frameworks are React and vue.js. Svelte was a big hit and scored the highest level of satisfaction this year (though not domestically), while Angular has fallen and fallen.

Iv. Data management

A library that loads and manages data in a Web application.

Here are two charts showing how satisfied developers are with various data management tools:

It’s not hard to see that GraphQL and Apollo clients are very satisfied, Vuex is good, and Redux is declining.

5. Back-end framework

Run the JS library on the server

Here are two charts showing how satisfied developers are with the various backend frameworks:

It can be seen that the most popular back-end frameworks are Express and Next. Js, while the satisfaction of Koa, which is commonly used in China, is declining year by year.

Vi. Test tools

Here are two charts showing developers’ satisfaction with various testing tools:

As you can see, Jest has always been the popular Testing tool, but in 2020, the new Testing Library is also very popular.

7. Packing tools

Although it looks like WebPack is going to dominate, this year’s new releases, Snowpack and esBuild, are both spectacular in terms of performance and experience.

Here are two charts showing developers’ satisfaction with various packaging tools:

I also tried esBuild, packaging experience is much better than WebPack, can improve 100%+ packaging time, it is worth trying.

Eight, cross-end frame

Here are two charts showing developers’ satisfaction with the various cross-end frameworks:

As you can see, Electron is very popular, but cross-end frameworks are not as good as Native apps, which is one of the bottlenecks in the development of cross-end frameworks.

9. Other tools

The following graph shows the number of users for other libraries:

As you can see, Axios (HTTP request library), Lodash (utility function library), and Moment (time processing library) are still widely used.

Welcome to “ByteFE”

Resume delivery email: [email protected]