2023년 눈 여겨보아야할 Javascript 프로젝트 (상반기)

1. Turborepo

• Vercel 이 인수, 운영/관리

• JavaScript/TypeScript Monorepo 를 위한 빌드 시스템

• 증분 빌드 지원

• 타임스탬프가 아닌, 콘텐츠를 인식하는 방식으로 해싱을 지원

• 리모트 캐싱으로 동료 및 CI/CD 시스템이 더 빠른 빌드를 지원

• 멀티 코어 사용으로 병렬 실행

• 런타임 코드와 소스 맵을 다루지 않는 Zero Runtime Overhead

• 타겟 빌드 지원으로, 서브셋을 생성하고 PaaS 배포에 용이

• 태스크 간에 빌드 순서와 관계를 정의하는 Task Pipelines 지원

2. Tauri

• HTML/JS/CSS 로 만들어진 웹앱을 데스크탑용으로 패키징

• 백엔드에는 Rust 를 이용

• 각 OS 별 Core 활용
• mac OS 에선 Cocoa/WebKit
• Window OS 에선 Edge 와 MSHTML(IE10/11)
• Linux OS 에선 gtk-webkit2

• 브라우저 바이너리를 포함하지 않으므로, 600KB 이하의 실행파일로 만들 수 있음

3. Bun

• JavaScript 런타임

• WebKit 에서 사용하는 JavaScriptCore 를 확장하여 개발

• NPM, Yarn 과 호환 가능한 매키비 매니저를 포함

• 속도를 우선으로 개발
• NPM 대신 Bun 을 사용하는 것 만으로도 30배 빠른 실행
Jarred Sumner on Twitter: "This is what 30x faster looks like.Left: bun run (50 times)Right: npm run (< 50 times) pic.twitter.com/p8oWarb5WI / Twitter"
This is what 30x faster looks like.Left: bun run (50 times)Right: npm run (< 50 times) pic.twitter.com/p8oWarb5WI

https://twitter.com/jarredsumner/status/1454218996983623685

• 기존의 JS/TS 앱을 그대로 실행할 수 있도록 설계
• N-API, fs, path, Buffer 등을 포함한 Node.js API 및 fetch, WebSocket, ReadableStream 등을 포함한 Web API 를 네이티브로 구현

• Node.js 의 모듈 resolution 알고리즘을 구현하여 node_modules 사용가능

• ESM 및 CommonJS 를 모두 지원
• 내부적으로는 ESM 사용

• 모든 파일이 트랜스파일되기 때문에 TypeScript 및 JSX 등 모두 지원

• .env 파일로부터 환경 변수를 알아서 불러옴
• 더 이상 dotenv 를 사용할 필요가 없음

4. Turbopack

• Rust로 작성된 새로운 번들러

• Webpack 의 개발자 Tobias 개발에 참여
• 다른 번들러, SWC 등에 기여한 개발자들도 개발에 참여

• 지연 번들을 기본으로 하는 새로운 아키텍처

• 콜드 스타트 / HMR 모두 빠른 속도로 동작하고, 큰 규모의 앱에서도 스케일링이 가능함

• 2022년 11월 기준으로 Next.js v13 의 devserver 용으로 알파 버전이 릴리즈 되었고, 장기적으로 production 및 범용으로 사용 범위를 확대할 예정

5. Astro

• 웹 사이트를 빠르개 하기 위해 기존 웹 프레임워크에서 JS 를 최대한 걷어내주는 오픈소스 도구

• TypeScript, CSS Module, Sass, Tailwind, Markdown, MDX 및 모든 NPM 패키지 지원

• 인터랙티브가 필요한 것들은 사용할 때만 On-Demand 로 호출, Partial Hydration

• SEO & Syndication 지원
• 자동으로 사이트맵, RSS 피드, 페이징 등 지원

6. Remix

7. NextJS