분류 javascript

2021 년 JavaScript 환경

컨텐츠 정보

  • 조회 280 (작성일 )

본문

웹 개발에서 우리의 세계는 빠르게 변하지만 2021 년에 무엇을 가져올 지 정확히 결정할 수 있습니까? 2020 년 개발자 설문 조사의 데이터를 면밀히 조사하여 큰 JavaScript 스토리가 무엇인지 강조했습니다.


세부 사항으로 들어가기 전에 JavaScript 설문 조사에 대한 빠른 메모입니다. 안타깝게도 훌륭한 프런트 엔드 툴링 설문 조사의 다음 버전은 한동안 게시되지 않을 것이므로 트렌드를 찾는 것이 조금 더 어려워집니다. 우리가 좋은 설문 조사를 하긴 했지만 그 대신 새로운 설문 조사 인 The State of Front End가 나타났습니다. 트렌드를 파악하는 데 도움이 되는 이전 연간 데이터는 없지만 전 세계의 무려 4,500 명의 개발자가 채웠으므로 확실히 귀중한 리소스입니다.


데이터에서 얻은 인사이트를 자세히 살펴 보겠습니다.


패키지 관리자 


작년에 저는 버전 충돌을 피하고 모노 레포와 잘 어울리는 것을 목표로 하는 PNPM의 등장에 주의를 기울일 것을 제안했습니다. 열정적 인 옹호자들이 있고 작년에 Github에서 9.5k 개의 별을 기록했기 때문에 분명히 개발자를 끌어 들이고 있습니다. 그러나 임베디드 YarnNPM이 라이브 프로젝트에 얼마나 포함되어 있고 둘 다 새로운 기능을 제공하는 데 얼마나 많은 에너지를 쏟았는지 고려할 때 2021 년에는 사용량에 대해 심각하게 경쟁 할 것 같지 않습니다. 이러한 기능 중 일부는 PNPM, 특히 작업 공간에 직접 대응하여 개발되었습니다. 이것은 오픈 소스 소프트웨어를 발전시키는 데 경쟁이 얼마나 중요한지를 보여줍니다.


Testing 


2019 년에 CypressPuppeteer는 높은 신규 항목으로 돋보였으며 둘 다 2020 년에도 계속해서 성공했습니다. 그러나 Microsoft는 갑자기 나타나는 것처럼 보였던 Playwright의 형태로 새로운 E2E 테스트 도구를 파티에 가져 왔습니다. 2020 년에만 2 만 개 미만의 별을 얻었습니다. 세계에서 가장 큰 소프트웨어 회사 중 하나 인 그들은 자신들의 제품을 널리 홍보 할 수 있는 영향력을 가지고 있지만 이는 도구의 인기를 부분적으로 설명합니다. 주된 이유는 Puppeteer의 기능 세트와 간단한 마이그레이션 경로입니다.


Image for post 


Nadella가 CEO로 취임 한 이후 Microsoft는 인기 있고 강력한 오픈 소스 도구를 만드는 습관을 개발했습니다. VSCode 누구?


JavaScript Flavours 


작년에 TypeScript가 느리지만 확실하게 JavaScript 세계를 장악했다고 말했습니다. 그 추세가 심화되었습니다. 수많은 오픈 소스 프로젝트가 지원되는 기능으로 열심히 나열합니다. 2020 년에 가장 많은 스타를 받은 Github 프로젝트였던 Deno에는 Typescript 컴파일러가 내장되어 있습니다.


작년에 나는 그것이 시행하는 정적 유형과 함수 프로그래밍에 대한 관심을 감안할 때 PureScript를 주시 할 것을 제안했습니다. 하지만 2020 년에는 Github의 새로운 스타가 641 개에 불과하고 관심도가 3 % 감소하면서 그다지 강력하지 않았습니다. TypeScript와 경쟁사 간의 엄청난 사용 격차를 살펴보면 언어 전쟁이 끝나고 Microsoft 제품이 승리 한 것 같습니다. 모든 신규 이민자는 커뮤니티에서 수년간의 심의와 언어 과부하 분위기 후에 우리의 관심을 끌기 위해 고군분투 할 것입니다.


이곳은 커뮤니티가 수렴하는 것을 보고 안심이 되는 영역입니다. 이제 우리는 다른 수퍼 세트의 산만 함을 피하고 언어 자체에 더 집중합니다.


UI frameworks 


Vue는 2019 년에 가장 주목 받은 프레임 워크였으며 당시에는 큰 뉴스였으며 개발자들이 좋아한다는 명확한 메시지를 보냈습니다. 2020 년에도 마찬가지입니다. 하지만 NPM 다운로드를 보면 React 시장 점유율은 여전히 ​​큽니다.


Image for post 


다른 두 가지 유용한 측정 항목이 있습니다. GitHub의 태그와 광고 된 작업입니다. 현재 GitHub에는 'React'태그가 붙은 8 만 개가 넘는 리포지토리가 있으며 'Vue'는 2 만 5 천 개입니다. 직업 시장을 살펴보면 지난 5 월 Career Karma는 미국의 React Developers를 위해 Indeed.com에서 10,005 개의 일자리를 보고했으며 Vue는 1,025 개에 불과했습니다. React는 어디에나 있으며 치열한 경쟁을 극복하고 있습니다.


SvelteAngular를 언급하지 않고는 이 섹션을 마무리 할 수 ​​없습니다. Angular는 여전히 매우 인기가 있습니다. 작년에 13.3k 개의 새로운 별을 얻었으며 NPM에서 매주 거의 250 만 다운로드를 얻었습니다. React의 우위를 감안할 때 일부에게는 놀라운 일이지만 이러한 통계는 인정받을 가치가 있습니다. Svelte는 비교적 어리지만 State of JS에서 만족도 차트 1 위를 차지했습니다. 그러나 React 및 Vue 개발자의 가파른 학습 곡선으로 인해 2021 년에 약간의 이득을 얻을 것으로 예상합니다.


Backend 


이것은 이제 정적 사이트 생성을 위한 프레임 워크가 API 생산을 위한 프레임 워크와 나란히 있는 복잡한 공간입니다. 조금 쪼개서 서버 전용 프레임 워크를 살펴보면 Express가 여전히 51.5k 개의 별을 가지고 있는 것을 볼 수 있습니다. 그러나 Nest는 2020 년에 총 33.6k에 달하는 놀라운 10 만 3 천 개의 새로운 별을 기록하며 폭발적으로 등장했습니다. 개발자들은 개발 속도를 높이고 유지 관리를 단순화 할 수 있는 독창적인 접근 방식에 매력을 느끼기 때문에 이를 선택했습니다. 아 그리고 TypeScript를 사용한다고 언급 했습니까?


풀 스택 프레임 워크의 확산을 살펴보면 아키텍처, 성능 및 작업 방식에 큰 영향을 미치기 때문에 이 공간에서 진행되는 마음과 정신에 대한 매우 중요한 싸움이 있습니다. 두 가지 React 기반 프레임 워크 인 NextJS 및 Gatsby는 사용 측면에서 VueJS 대응 프레임 워크보다 훨씬 더 인기가 있지만, 이는 UI 프레임 워크 생태계에 대해 이미 알고 있는 것을 확인하는 것입니다. 정말 주목할만한 것은 Gatsby의 만족도가 얼마나 낮아 졌는가 입니다. 일화적인 증거는 그것이 혼란스러운 DX를 가지고 있음을 시사하지만, 온라인에서 그것을 반박 할 수 있는 많은 증거가 있습니다. Vercel에서 NextJS를 개발하고 정적 사이트 생성과 같은 기능을 무기고에 추가하면서 올해 강점에서 강점으로 발전하는 것을 볼 수 있습니다.


Build tools 


이 분야는 현재 주목할만한 경쟁이 있습니다. Webpack의 DevX에 대한 불만에도 불구하고 오랫동안 최고의 자리를 차지했으며 여전히 메이저 중에서 가장 많이 사용하고 있습니다. 작년에 우리는 로마가이 공간에 도전하는 것을 보았고 올해는 esbuild, Snowpack 및 Vite가 Rising Star 차트에 올라갔습니다. Esbuild의 임무는 간단합니다. 빌드 시간을 단축하는 것입니다. 이것은 많은 엔지니어링 팀에게 분명히 정말 가치가 있으며 그로의 이동을 설명합니다.


Image for post 


GitHub 스타는 하나의 측정 항목이지만 Snowpack은 State of JS 설문 조사에서 관심도 차트 1 위를 차지했지만 더 중요한 것은 만족도 차트에서 공동 1 위라는 점입니다. 사용량은 여전히 ​​적지 만 시간이 다가오고 있다고 느낍니다. Snowpack과 Vite의 인기는 커뮤니티에서 네이티브 ES 모듈을 진지하게 받아들이고 있다는 중요한 메시지를 전달합니다. 이것은 빌드 프로세스, 캐싱 및 dev / prod 모듈 대칭에 대한 의미로 인해 큰 주제입니다.


상태 관리 


동반 상태 관리자 없이는 어떤 UI 프레임 워크가 완성 될까요? 복잡성과 미래 검증에 대한 논쟁을 제쳐두고,이 영역은 특히 흥미롭습니다. Redux는 React 자체 내부와 독립적 인 신규 사용자라는 두 가지 각도에서 도전을 받고 있기 때문입니다.


개인적 경험을 통해 React의 Hooks와 Context API가 얼마나 강력한 지 알고 있지만 한계가 있습니다. 어느 쪽이든, 거의 절반의 State of Front End 참가자가 사용한다고 말하면서 React 개발자에게 큰 인기를 얻었습니다.


Image for post 


결론 


작년 기사에서는 통합이라는 주제를 살펴 보았습니다. 수년 간의 다양한 패턴, 프레임 워크 및 라이브러리를 통해 패턴과 관행을 조정하는 것처럼 느껴집니다. 2020 년에도 이러한 추세가 계속되었다고 생각하지만 JavaScript의 인기가 이전에 다른 언어의 보존이었던 시장에서 도구의 확산으로 이어졌다는 것은 분명합니다. E2E 테스트 및 머신 러닝 도구의 증가로 설명됩니다.


2020 년 데이터에서 나온 핵심 주제는 JavaScript 환경이 대형 소프트웨어 공급 업체에 의해 정의되고 있다는 것입니다. Microsoft의 TypeScript는 업계 표준이 되고 있으며 이를 기반으로 구축 된 프로젝트는 성공 가능성이 더 높습니다. NestJS와 NextJS (혼동하지 말 것)가 좋은 예입니다.


JAMStack 접근 방식의 영향과 속도에 대한 요구는 ESbuild와 같은 정적 사이트 생성기 및 도구가 매우 빠르게 눈에 띄게 상승하면서 요인에도 영향을 미칩니다.


JavaScript 환경은 기능, 브라우저 지원, 런타임 및 지속적으로 확대되는 디지털 지평의 급속한 발전으로 인해 계속 확장되고 있습니다.


https://medium.com/javascript-in-plain-english/the-javascript-landscape-in-2021-573d5e7a43c6