[zh-Hant] general.skip_to_content

技術

新推出的 JavaScript 套件獲得高滿意度與低使用率，顯示在選擇適合的工具時還是有些難度。這時候不妨看看調查資料吧，或許能為你指引正確的方向。

Changes Over Time

Each line goes from 2016 to 2020. A higher point means a technology has been used by more people, and a point further to the right means more users want to learn it; or have used it and would use it again.

Negative opinionsPositive opinionsHave usedHave not usedTypeScriptTypeScript20162017201820192020ReasonReason2017201820192020ElmElm20162017201820192020ClojureScriptClojureScript20162017201820192020PureScriptPureScript20192020ReactReact20162017201820192020Vue.jsVue.js20162017201820192020AngularAngular20162017201820192020PreactPreact201820192020EmberEmber20162017201820192020SvelteSvelte20192020ReduxRedux20162017201820192020Apollo ClientApollo Client20162017201820192020GraphQLGraphQL20162017201820192020MobXMobX20162017201820192020RelayRelay20162017201820192020ExpressExpress2017201820192020Next.jsNext.js201820192020KoaKoa2017201820192020MeteorMeteor20162017201820192020GatsbyGatsby20192020HapiHapi20172020JestJest20162017201820192020MochaMocha20162017201820192020StorybookStorybook201820192020CypressCypress20192020AVAAVA20162017201820192020JasmineJasmine20162017201820192020PuppeteerPuppeteer20192020webpackwebpack201620172020GulpGulp201620172020RollupRollup20172020BrowserifyBrowserify201620172020ElectronElectron2017201820192020React NativeReact Native20162017201820192020Native AppsNative Apps20162017201820192020CordovaCordova20162017201820192020IonicIonic2017201820192020NW.jsNW.js20192020ExpoExpo20192020
  • Some lines skip years.
  • Technologies with only one year of data are not shown.

滿意度 vs 使用程度

此圖表根據每項技術的全部使用人數顯示滿意比例，劃分成 4 個象限：

  • 評估: 低使用度、高滿意度。是值得關注的技術。

  • 採用: 高使用度、高滿意度。可以放心採用的技術。

  • 迴避: 低使用度、低滿意度。近期最好避免的技術。

  • 分析: 高使用度、低滿意度。如果正在使用這些技術，要進行重新評估。

評估採用迴避分析02000400060008000100001200014000160001800020000使用者數量0%10%20%30%40%50%60%70%80%90%100%滿意度百分比1682292.96%TypeScript87870.62%Reason134163.31%Elm66058.94%ClojureScript47672.27%PureScript1722587.49%React1060385.16%Vue.js1212741.61%Angular291678.02%Preact240727%Ember316188.9%Svelte72782.26%Alpine.js116977.59%LitElement28367.14%Stimulus1427766.82%Redux706787.86%Apollo Client1015793.82%GraphQL283863.92%MobX95555.92%Relay106587.04%XState648587.62%Vuex1697291.7%Express782292.34%Next.js331475.98%Koa262227.73%Meteor360387.95%Nuxt603369.52%Gatsby275287.1%Nest195378.6%Strapi128889.29%Fastify196659.77%Hapi1431296.25%Jest1114473.96%Mocha893291.33%Storybook744893.72%Cypress165461.12%AVA892862.24%Jasmine712287.57%Puppeteer562396.59%Testing Library70593.33%Playwright211753.19%WebdriverIO1852787.62%webpack575885.17%Parcel1377035.02%Gulp635884.78%Rollup737534.77%Browserify1307892.33%TypeScript17060%Rome115293.84%Snowpack18679.57%SWC115793.86%esbuild692988.47%Electron733481.69%React Native265279.86%Native Apps722930.14%Cordova609851.72%Ionic200983.82%Capacitor93335.05%NW.js494176.22%Expo74369.85%Quasar

Note that TypeScript appears twice in the chart because it's included in both the JavaScript Flavors and Build Tools sections.

Technology Usage Cardinality

For each section, which percentage of respondents use (defined as having answered “would use again”) one, two, three, etc. technologies.

1
61.7%
2
4.7%
3
0.9%
4
0.2%
5
0.1%
JavaScript Flavors
1
41.9%
2
29.7%
3
11.8%
4
3.0%
5
0.7%
6
0.2%
7
0.0%
8
0.0%
9
0.0%
Front-end Frameworks
1
28.4%
2
19.9%
3
15.1%
4
5.9%
5
1.1%
6
0.2%
7
0.0%
Data Layer
1
27.8%
2
24.0%
3
14.3%
4
6.6%
5
2.5%
6
0.9%
7
0.3%
8
0.1%
9
0.0%
10
0.0%
Back-end Frameworks
1
13.1%
2
14.3%
3
15.6%
4
13.9%
5
9.5%
6
5.1%
7
1.9%
8
0.5%
9
0.1%
10
0.0%
Testing
1
19.9%
2
28.2%
3
19.3%
4
10.1%
5
3.9%
6
1.2%
7
0.3%
8
0.1%
9
0.0%
10
0.0%
Build Tools
1
19.8%
2
16.9%
3
9.9%
4
3.9%
5
1.2%
6
0.5%
7
0.1%
8
0.0%
9
0.0%
Mobile & Desktop

Technology Usage Cardinality

For each section, which percentage of respondents use (defined as having answered “would use again”) one, two, three, etc. technologies.

javascript_flavors
PureScript
Reason
ClojureScript
Elm
TypeScript
front_end_frameworks
Alpine.js
LitElement
Stimulus
Ember
Vue.js
Svelte
Preact
React
Angular
datalayer
Relay
XState
Apollo Client
MobX
Vuex
GraphQL
Redux
back_end_frameworks
Hapi
Meteor
Fastify
Strapi
Nest
Gatsby
Koa
Next.js
Nuxt
Express
testing
WebdriverIO
Playwright
AVA
Testing Library
Cypress
Puppeteer
Jasmine
Mocha
Storybook
Jest
build_tools
Snowpack
SWC
esbuild
Rome
Rollup
Gulp
Parcel
Browserify
TypeScript
webpack
mobile_desktop
NW.js
Capacitor
Quasar
Electron
Expo
Ionic
Native Apps
Cordova
React Native
« 前一項： 其他功能後一項： JavaScript Flavors »
Charts built with Nivo. 存放在 Netlify。
有問題？發現臭蟲？請填寫 Issue。 Join us on Discord.
Press option/alt to enable translator mode.