TypeScript 7: Go로의 네이티브 재작성으로 10배 빌드 속도 달성 — 2026년 30주 자바스크립트

Tanner Linsley는 커스텀 라이브러리 @tanstack/markdown과 @tanstack/highlight가 신택스 하이라이팅 번들을 358 KiB에서 ~27 KiB 전송으로 줄인 후 TanStack.com의 React Server Components 탈퇴 과정을 기록합니다. 2026년 7월 4일에 두 개의 프로덕션 라우트(블로그와 docs 개요)에 대한 Lighthouse 측정값은 비RSC SSR 버전이 Total Blocking Time을 53–73 ms 감소시키고 총 바이트를 148–181 KiB 줄였으며, 문서 페이로드만 52–62 KiB 감소했음을 보여줍니다. 핵심 주장은 RSC가 재사용 가능한 클라이언트 의존성을 반복적인 직렬화된 Flight 출력으로 변환한다는 것으로, 358 KiB의 의존성에서는 타당하지만 작아지면 오히려 순비용이 됩니다. RSC는 TanStack Start에서 계속 지원되며, 이는 아키텍처적 선택이지 프레임워크 방향 전환이 아닙니다.

Webpack 5.109은 번들러 역사상 가장 큰 마이너 릴리스 중 하나로, 내장 CSS, HTML, TypeScript, 비동기 WebAssembly 지원을 로더가 해당 파일 형식을 이미 처리하지 않는 한 제로 설정 임포트를 활성화하는 "auto" 기본값으로 전환합니다. css-loader, ts-loader 등 기존 설정은 변경 없이 유지됩니다. Vite 호환 모듈 API가 네이티브로 제공됩니다. eager/import/query 옵션이 있는 import.meta.glob, import.meta.env 상수(MODE, DEV, PROD, SSR, BASE_URL), import.meta.resolve, ?raw/?url/?inline/?no-inline 에셋 쿼리 접미사입니다. CommonJS 모듈 연결(스코프 호이스팅)이 처음으로 ESM 전용을 넘어 정적 분석 가능한 CJS 모듈로 확장되어 대규모 CommonJS 의존성 트리를 평탄화합니다. HTML 파이프라인은 헤드 생성, CSP 인젝션, SRI, 파비콘/매니페스트, 플러그인 훅 API를 통해 html-webpack-plugin과의 격차를 좁히며, webpack-dev-server 6는 Express 5와 함께 네이티브 ESM으로 출시되고 Node.js >= 22.15를 요구합니다.

Aurora Scharff는 cacheComponents와 Partial Prerendering이 적용된 Next.js 16.3 Instant Navigations 프리뷰를 테스트하는 소셜 앱 Drop에 세 가지 고급 RSC 구성을 구축합니다. URL 기반 Load More 버튼은 ?page=N을 푸시하고 서버가 각 페이지를 독립적인 Suspense 경계로 스트리밍하도록 하며, 클라이언트 측 fetch나 상태가 필요 없습니다. 검색 필드는 searchParams를 직접 읽지 않음으로써 정적 서버 셸의 일부로 렌더링됩니다. 인라인 스크립트가 첫 번째 페인트 전 HTML 파싱 중에 URL에서 값을 설정하며, useLayoutEffect가 React의 <Activity>를 통한 소프트 탐색 시 재동기화합니다. 메시지 작성기는 JSX를 반환하는 Server Function renderDropPreview를 사용하여, Shiki 하이라이팅된 DropBody를 서버에서 온디맨드로 렌더링하고 Suspense 경계 내부의 use(preview.node)를 통해 표시함으로써 신택스 하이라이터를 클라이언트 번들에서 완전히 제외합니다.

2026년 6월 3일에 출시된 Angular 22는 Resource API와 Signal Forms을 프로덕션 준비 완료 상태로 졸업시키며 2년간의 Signals 전환을 완료합니다. resource()는 범용 비동기 빌딩 블록을 제공합니다 — 반응형 params 함수가 자동 리페치를 트리거하고, 구독 관리 없이 value(), isLoading(), error()를 노출합니다. rxResource()는 RxJS 상호 운용을 위해 기존 Observable 반환 서비스를 동일한 생명 주기에 연결하고, httpResource()는 HttpClient를 직접 래핑하여 대부분의 subscribe() 호출 지점을 단일 반응형 선언으로 대체할 수 있습니다. 새로운 debounced() 유틸리티는 대기 시간과 함께 모든 시그널을 래핑하고 자체 isLoading()이 포함된 Resource를 반환하여, 검색 입력을 위한 전형적인 FormControl + debounceTime + switchMap 체인을 제거합니다. 모든 것이 시그널 네이티브이기 때문에 테스트는 fakeAsync와 tick()으로 간소화됩니다.