State of JavaScript 2024: 라이브러리

While the JavaScript ecosystem is still quite fragmented, it's nice to see that some of the most used libraries are also the most appreciated.

Make sure to explore our new grouping and sorting options to figure out which libraries get the most love… or the least!

섹션 링크 공유
Libraries Experience & Sentiment

Webpack is the most-used JavaScript tool, but not the most-loved. That title instead belongs to Vite, with 56% of positive opinions (note that remaining neutral was also an option this year). Astoundingly, Vite was also the third most used tool overall despite having only been around for a relatively short time!

React on the other hand came in second not only in the most-used list, but also in the most-loved rankings – which is quite the staying power for a project that is over 10 years old! It's also worth nothing that React sports the highest proportion of users actively picking a sentiment.

Filter by:

Group by:

Sort by:

85.3%

12.6%

11,980

81.1%

16.8%

13,117

78.1%

17.6%

11,969

71.4%

23.7%

3.8%

12,367

54%

44.3%

12,754

51.7%

32.9%

14.7%

12,281

50.9%

47.3%

13,090

50.1%

48.5%

13,094

49.9%

14.1%

35.4%

11,866

49.6%

34.5%

15.3%

11,891

Experience

Used it: Respondents who have used an item.
Heard of it: Respondents who have heard about an item, but haven't used it.
Never heard of it: Respondents who have never heard about an item.

Sentiment

Positive: Respondents who are interested in learning more about a technology; or are willing to use it again.
Neutral: Responents who did not indicate any sentiment about a technology.
Negative: Respondents who are not interested in learning more about a technology; or have used it and had a negative experience.

섹션 링크 공유
Changes Over Time

JavaScript libraries commonly display a "boomerang" pattern over time: boosted by early positivity (line goes right), usage increases (line shoots up), but users then get confronted with more edge cases and real-world issues, and opinions can become more negative (line veers left).

So it's always interesting to see projects that manage to buck this trend, such as Vue and Angular, which have both managed to gain positive opinions again even after a couple years of less favorable results.

Filter by:

범례

떠오르는 인기

가라앉는 인기

Some lines skip years.
Technologies with only one year of data are not shown.
Velocity formula = (most recent opinion - oldest opinion) + (most recent usage) - (oldest usage)
A positive velocity means the usage and/or positive opinions have increased over time.

We asked members of the JavaScript community to share their “pick of the year”

My 2024 Pick: gsap-video-export

Chris made this super handy tool to export your GSAP animations to video. It's made my life much easier and my videos much smoother - no more low quality screen recordings for me!

We asked members of the JavaScript community to share their “pick of the year”

Cassie Evans

Does a little bit of everything at GSAP

섹션 링크 공유
Library Tier List

프론트엔드 프레임워크

Meta-Frameworks

테스팅

모바일 & 데스크탑

빌드 도구

모노레포 도구

90%

98%

98%

94%

94%

93%

91%

91%

90%

80%

88%

88%

87%

86%

85%

81%

80%

80%

80%

60%

77%

76%

75%

74%

73%

71%

70%

70%

68%

68%

67%

67%

65%

64%

62%

61%

60%

54%

44%

35%

33%

27%

25%

19%

This chart ranks libraries based on their retention ratio (percentage of users who would use a library again). Note that libraries used by less than 10% of survey respondents are not included.

섹션 링크 공유
Retention vs Usage

It's notable that there were only three libraries that captured over 50% of respondent usage while maintaining a >50% retention percentage: React, Jest, and Vite – the sign of a relatively fragmented ecosystem.

프론트엔드 프레임워크

Meta-Frameworks

테스팅

모바일 & 데스크탑

빌드 도구

모노레포 도구

이 차트는 각 기술의 전체 사용자 수 대비 만족도 비율을 보여줍니다. 차트를 사분면으로 나누면:

평가: 낮은 사용량, 높은 만족도. 지켜볼 만한 기술.
적용: 높은 사용량, 높은 만족도. 적용하기에 안전한 기술.
기피: 낮은 사용량, 낮은 만족도. 현재는 피하는게 좋은 기술.
검토: 높은 사용량, 낮은 만족도. 이러한 기술을 현재 사용 중이라면 재검토해 볼 것.

섹션 링크 공유
추천하는 리소스

Enterprise UI Development: Testing & Code Quality

Steve Kinney

Temporal

Enterprise UI Development: Testing & Code Quality

Learn unit testing with Vitest, continuous integration via GitHub Actions, component and accessibility testing with Ax, mocking techniques, and code standard enforcement using ESLint and Husky & Lint-Staged.

Evgenii Ray

Staff UI Engineer

Front-End System Design

Dive into front-end system design to create scalable, efficient user interfaces! Master core UI fundamentals: box model, browser rendering, DOM manipulation, state management, and performance.

우리를 지원해 준 파트너들께 감사 드립니다! 더 알아보기.

라이브러리

섹션 링크 공유Libraries Experience & Sentiment

Filter by:

Group by:

Sort by:

webpack

React

Vite

Jest

Next.js

Storybook

Vue.js

Angular

tsc CLI

esbuild

Experience

Sentiment

섹션 링크 공유Changes Over Time

Filter by:

My 2024 Pick: gsap-video-export

Cassie Evans

섹션 링크 공유Library Tier List

섹션 링크 공유Retention vs Usage

섹션 링크 공유추천하는 리소스

Enterprise UI Development: Testing & Code Quality

Front-End System Design

섹션 링크 공유
Libraries Experience & Sentiment

섹션 링크 공유
Changes Over Time

섹션 링크 공유
Library Tier List

섹션 링크 공유
Retention vs Usage

섹션 링크 공유
추천하는 리소스