JSer.info #780 - React 19.3가 출시되었다.
<ViewTransition>와 Fragment Refs가 Stable이 되었다.
react-dom에, use(browser())으로 컴포넌트를 브라우저에서만 렌더링하기 위한 browser()가 추가되어, Trusted Types API에 대응했다.
Server Components으로 <Context>를 직접 렌더링할 수 있게되어, onFullscreenChange/maskType 지원이 추가되었다.
pnpm 12.4, 12.6가 출시되었다.
pnpm 12.4에는, python.enabled/cargo.enabled로 Python/Cargo 의존 관계 관리에 대응했다.
Cargo 대응 배경에는, Rust로 작성된 pnpm 자체 의존관계를 pnpm로 해결하고 싶은 개발자의 의도가 있다.
또한, pnpm pipeline, trustPolicyExcludePrune, pnpm change check가 추가되었다.
pnpm 12.6에는, autoDedupe에 의한 의존 관계 중복 제거, pnpm add --save-types, Catalogs에서의 file:/link: 지원이 추가되었다.
그 외로, pnpm tasks status, pnpm cache prune --dry-run가 추가되었다.
Vite+ 1.0가 출시되었다.
Beta부터는, GitLab CI/CD 대상 setup-vp, Homebrew와 Docker 이미지, vp hooks/vp staged가 추가되었다.
vp test와 vite-plus/test*가 Vitest 5.0.1으로 이행하여, CLI의 Node.js 지원 범위가 변경되었다.
oxlint/oxfmt 실행 파일 래퍼가 삭제되어, vp lint --lsp/vp fmt --lsp를 사용하는 형태로 변경되었다.
그리고, vp migrate에 의한 Vitest 5으로 이행, npm provenance 검증, vp add --offline/--frozen-lockfile 지원이 추가되었다.
헤드라인
React 19.3 – React
react.dev/blog/2026/09/09/react-19-3
React 19.3 출시.
<ViewTransition>와 Fragment Refs가 Stable화, browser()와 Trusted Types 지원를 추가.
react-dom에 use(browser())로 컴포넌트를 브라우저만 렌더링 하기 위한 browser() 추가, Trusted Types API 지원.
Server Components로 <Context>를 직접 렌더링하도록 변경, onFullscreenChange/maskType 지원.
pnpm 12.4 | pnpm
pnpm 12.4 출시.
python.enabled/cargo.enabled에 의한 Python/Cargo 의존 관계 관리를 추가(pnpm 자체가 Rust로 작성되었기에).
pnpm pipeline, trustPolicyExcludePrune, pnpm change check 추가.
- RFC: Cargo ecosystem — pnpm for Rust crates, pnpr as a crate registry by zkochan · Pull Request #34 · pnpm/rfcs
- Track multi-ecosystem install architecture hardening · Issue #14566 · pnpm/pnpm
Zod 4.6
Zod 4.6 출시.
.validate()/.validateAsync() 추가, z.instanceof().properties() 추가.
z.fromJSONSchema()로 minProperties/uniqueItems의 JSON Schema 키워드에 대응.
z.iban(), z.withParser() 추가, CommonJS에서 require("zod") 경유 호출 개선
Webpack 5.111 | webpack
webpack.js.org/blog/2026-09-14-webpack-5-111/
webpack 5.111 출시.
ESM 출력이 Stable이 되어 experiments.outputModule없이 output.module를 이용 가능하도록.
output.copy, 브라우저 타겟에 맞춰 CSS 최소화 설정하는 lowerUnsupported/colorFallbacks 추가.
acorn/neo-async 의존을 삭제.
Release v3.0.0 · pmndrs/jotai
github.com/pmndrs/jotai/releases/tag/v3.0.0
Jotai v3.0.0 출시.
React 18/TypeScript 5.5/Node.js 22.12.0 이상이 필수가 되어, CJS/UMD/SystemJS 빌드를 삭제.
atomFamily/loadable/jotai/babel/setSelf/delay 옵션을 삭제.
useAtomValueRaw와 useAtomValueRawSync 추가
What's New in Apollo Client 4.3 - Apollo GraphQL Blog
www.apollographql.com/blog/whats-new-in-apollo-client-4-3
Apollo Client 4.3 출시.
Scalar에 의한 Custom Scalars 시리얼라이즈/디시리얼라이즈, TypeOverrides에 의해 Cache 자료형 덮어쓰기 대응.
@defer/@stream의 Incremental Data 자료형 개선, useSubscription에서의 skipToken 지원
pnpm 12.6 | pnpm
pnpm 12.6 출시.
autoDedupe에 의한 의존 관계 중복 제거,
pnpm add --save-types, Catalogs에서의 file:/link: 지원.
pnpm tasks status 추가, pnpm cache prune --dry-run 추가.
WebKit Features for Safari 27.0 | WebKit
webkit.org/blog/18325/webkit-features-for-safari-27-0/
Safari 27.0의 WebKit 변경점에 대해.
Safari MCP, <select> 커스터마이즈, <model> 요소 지원, <img sizes="auto"> 지원.
WebAssembly JSPI, Service Worker Static Routing API, WebGPU의 clip_distances 지원.
JavaScript의 ESM Loader를 ECMAScript 사양에 C++으로 재구현, Top-Level Await 동작을 수정.
Announcing Vite+ 1.0 | VoidZero
voidzero.dev/posts/announcing-vite-plus-1-0
Vite+ 1.0 출시.
Beta부터는 GitLab CI/CD 대상 setup-vp, Homebrew와 Docker 이미지, vp hooks/vp staged 추가.
vp test와 vite-plus/test*가 Vitest 5.0.1으로 이행, CLI의 Node.js 지원 범위를 변경.
oxlint/oxfmt 실행 파일 래퍼를 삭제, vp lint --lsp/vp fmt --lsp를 사용하는 형태로 변경.
vp migrate에 의한 Vitest 5 이행, npm provenance 검증, vp add --offline/--frozen-lockfile 지원.
읽을거리
AI coding has made CI a bottleneck, so we reworked ours to keep up
linear.app/now/ci-bottleneck-reworked
Linear에서 CI 개선으로, tsgo으로 이행, ESLint 규칙을 정보에 의존하지 않도록 변경.
또한, 서드파티 런너와 actions/checkout 조절, pnpm 의존 설치 범위의 한정, Vitest의 shard 분할이나 isolate: false 도입에 대하여
슬라이드, 영상
프론트엔드 컨퍼런스 후쿠오카 2026 공개 자료・X 계정 링크 모음
zenn.dev/h_yoshikawa0724/articles/2026-09-13-frontend-conf-fukuoka-2026
프론트엔드 컨퍼런스 후쿠오카 2026 슬라이드 모음.
웹사이트, 서비스, 문서
fallow-rs/fallow: Codebase intelligence for TypeScript and JavaScript. Free static analysis of code and styles: unused code, duplication, circular deps, complexity hotspots, architecture boundaries, design-system drift. Optional paid runtime layer (Fallow Runtime): hot-path review and cold-path deletion evidence from real production traffic.
TypeScript/JavaScript 대상 정적 해석 도구.
미사용코드, 순환 의존, 중복 코드, 복잡도, 아키텍쳐 경계 위반, CSS 스타일 차분 검출.
fallow audit으로 변경 파일에 대해 PR게이트를 실행하여, --format json으로 JSON 출력에 대응.
lovablelabs/oj: An experimental Rust-native build tool for React apps.
React 애플리케이션 대상 Rust제 빌드 도구.
V8를 담은 단일 실행 바이너리로 동작한다.
Vite/Rollup 호환 플러그인, SSR, TanStack Start 대응, oj dev와 oj build로 개발 서저와 빌드를 실행 가능.
소프트웨어, 도구, 라이브러리
shadcn-ui/lint: An agent-first linter for Tailwind design systems. Write design system rules that agents can verify.
Tailwind 디자인 시스템 대상 Lint 도구.
ESLint/Oxlint 대상으로 제공, Tailwind v4 프로젝트로 이용 가능.
no-restyle/no-raw-colors/no-arbitrary-values 규칙으로, 컴포넌트째 className 이용을 제한 가능.
unjs/upm: 📦 A fast, tiny package manager for the npm registry, written in TypeScript.
TypeScript로 작성된 npm 레지스트리 대상 패키지 매니저.
패키지 크기가 적으며, 프로그램에서 실행 가능한 API를 가지고 있음
