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>のカスタマイズ、<modal>要素のサポート、<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を持っている
