Frontend framework trend

개요

Framework에 대한 시장점유율에 대한 공인된 하나의 공식 통계 집계 사이트는 없다.

스택오버플로우, 깃헙, npmjs등에서 얼마나 많은 레포지스리가 등록되어있는지에 대해서 집계해를 해주는 몇몇 사이트가 있고 이를 통해서 우리는 최신 트렌드가 무엇인지를 알 수 있다.

몇 개를 살펴보자.

 

SimilarTech.com - 국가별 website

참조: https://www.similartech.com/categories/javascript  

React.js

 

Vue.js

 

위 두 가지 data에서 관심있는 것만 다시 표로 정리

이 사이트에 따르면 158개국에서는 React.js가 압도적이며, 전세계에서 중국, 태국, 벨라루스 딱 3개국에서만 Vue기반이 React기반보다 앞서고 있다.

이것은 현재 상황이고, 이번엔 트렌드를 살펴보자.

 

StateOfJS

Rendering Frameworks

참조: https://2022.stateofjs.com/en-US/libraries/rendering-frameworks/ 

 

이 사이트는 보통 한 해가 끝나고 1년에 한 번씩 집계하기 때문에 2022년말 기준이다.

 

Next.js는 2022년말에 48.6%, Nuxt.js는 18.1% 그리고 SvelteKit가 나온지 1년도 안 되어 10%를 넘어섰다.

하지만 아직 SvelteKit는 생태계 규모가 작다.

 

 

React가 가장 높은 것을 볼 수 있다.

 

NPM trends

npmjs에서 가장 많이 다운로드된 패키지에 대해 지속적인 통계를 제공한다.

https://npmtrends.com/gatsby-vs-next-vs-nuxt 

Frontend frameworks

 

Next.js가 꾸준히 늘어나는 추세다. 애플, 나이키, 월마트, 넷플릭스 등 여러 기업이 Next.js를 채택하고 있다. React version 18에서 RSC를 공식발표했지만 Next.js와 서로 독립노선을 가는 것이 아니고 오히려 잘 협력이 되고 있다. React 공식 홈페이지에서도 아예 공식적으로 Next.js framework쓰는 것을 추천하고 있다. 

 

상태 관리 (State Management)

https://npmtrends.com/jotai-vs-mobx-vs-react-query-vs-recoil-vs-swr-vs-zustand

Frontend framework에서 중요한 상태관리 패키지이다. 아직까지 Redux가 가장 앞서고 legacy 성격도 있어서 그래프에서 제외하고, Vue는 Vuex가 거의 공식으로 되어있지만 나머지 후보들을 비교해보자면 다음과 같다.

 

 

Client 쪽 상태관리는 Zustand가 빠르게 올라오고 있고, Server쪽 상태관리는 swr과 react-query가 비슷하지만 swr가 인기가 있는 추세다.

 

Typescript vs. Javascript

https://2022.stateofjs.com/en-US/usage/#js_ts_balance

 

위 그래프 오른쪽에 Typescript을 100% 사용한다는 개발자가 훨씬 더 많다.