State of JS 2020
137개국, 23765명 설문조사
기능, 기술, 기타 도구, 리소스, 의견, 시상식, 결론 등의 메뉴로 구성. 기능>기술 부분에서 js 적합한 기술을 선택하는 좋은 지침 자료가 되어 보임.
아롬 자신의 프론트엔드 개발 기술이 어디쯤인지 파악해볼 기회.
- JS : Typescript 93% > PureScript 72% > Reason 71% > Elm 63% > ClojureScript 59%
- 프론트엔드 프레임워크 : Svelte 89% > React 88% > Vue.js 85% > Alpine.js 82% > Preact 78% > LitElement 78% > Stimulus 67% > Angular 42% > Ember 27%
- 데이터 레이어 : GraphQL 94% > Apollo 88% > Vuex 88% > XState 87% > Redux 67% > MobX 64% > Relay 56%
- 백엔드 프레임워크 : Next.js 92% > Express 92% > Fastify 89% > Nuxt 88% > Nest 87% > Strapi 79% > Koa 76% > Gatsby 70% > Hapi 60% > Meteor 28%
- 테스팅 : Testing Library 97% > Jest 96% > Cypress 94% > Playwright 93% > Storybook 91% > Puppeteer 88% > Mocha 74% > Jasmine 62%
- 빌드도구 : esbuild 94% > Snowpack 94% > TypeScript 92% > Webpack 88% > Parcel 85% > Rollup 85% > SWC 80% > Rome 60% > Gulp 35%
- 모바일&데스크탑 : Electron 89% > Capacitor 84% > React Native 82% > Native Apps 80% > Expo 76% > Quasor 70% > Ionic 52%
2020 JavaScript Rising Stars
1년간 받은 깃헙 Star 기준으로 뽑은 JS 관련 도구 순위. 위의 “State of JS 2020”와 비교하여 보면 흥미진진.
Deno가 인기 프로젝트를 최근 5년간 하던 Vue.js를 이긴것도 재미.
CSS 프레임워크로 Tailwind CSS 1위. 아롬개발자들은 CSS와 jquery만 하고 있는데, 계속 뒤처지고 있어서 안쓰러움.
- 인기 프로젝트 : Deno > Vue.js > React > Playwright > VS Code > esbuild > Vue Element Admin > eDEX-UI > Next.js > Tailwind CSS
- 프론트엔드 프레임워크 : Vue.js > React > Angular > Svelte > Alpine.js
- Node.js 프레임워크 : Next.js > Strapi > Next > Nuxt > Blitz
- React 에코시스템 : Next.js > React Query > Recoil > Ant Design > React Hook Form
- Vue 에코시스템 : Vue Element Admin > Vite > Nuxt > Element Plus > vue-next
- Angular 에코시스템 : ngx-admin > Material Design for Angular > Scully > Angular CLI > NG-ZORRO
- Build Tools : esbuild > Rome > Vite > Snowpack > Webpack
- CSS 프레임워크 : Tailwind CSS > Bootstrap > Bulma > new.css > Halfmoon
- CSS in JS : Styled Components > Twin > Emotion > Linaria > Theme UI
- 테스팅 : Playwright > Storybook > Puppeteer > Cypress > Headless Recorder
- 모바일 : React Native > Expo > Quasar > Ionic > Sonar
- JS Flavors/Compilers : TypeScript > swc > Babel > Reason > Flow
- State Management : Recoil > XState > Immer > Zustand > Redux
- GraphQL : Gatsby > Hasura GraphQL Engine > Redwood > Prisma > Apollo Client
- 교육 자료 : JS Algorithms & Data Structures > Node.js Best Practices > You Don’t Know JS > Clean Code > 30 seconds of code