This Week in React #285 キャッチアップ
今週の注目ポイント
- React Foundation 始動: React Foundationの公式サイトが公開。メンテナ資金提供の仕組み、利益をメンテナに還元するマーチャンダイズストア、四半期ごとの透明性レポートなどを計画。多くのReactリポジトリが
facebookからreactGitHub組織へ移行 - React Compiler Rust版がマージ: Rust版React Compilerが本体にマージ。npmパッケージはまだ未公開だが、Oxc(v0.135)、Rolldown、Oxlint、SWC、Bunとの統合が進行中
- VoidZeroがCloudflareに参加: Vite/Vitest/Rolldown/Oxc等を擁するVoidZeroをCloudflareが買収。ツールはオープンソース・MITライセンス・コミュニティ主導を維持。Cloudflareは新しい
cfCLIをVite中心に構築予定 - React Router 8.0 プレリリース: メジャーバージョンが早期採用向けに登場。V8 future flagsがデフォルト有効化、ランタイム要件引き上げ、CJSと
react-router-domパッケージを廃止 - npm v12 破壊的変更予告: 7月リリースのnpm v12でinstallライフサイクルスクリプトをデフォルトでブロック。サプライチェーンセキュリティ改善
React
The React.Foundation website
- URL: https://react.foundation/
- 要約: React Foundationのサイトが公開。メンテナ資金提供システム、利益をメンテナに還元するマーチャンダイズストア、四半期ごとの透明性レポート、ゲーミフィケーションされた「Contributor Status」ページを計画。多くのReactリポジトリが
facebookからreactGitHub組織へ移行
React Core PR - Port React Compiler to Rust
- URL: https://github.com/react/react/pull/36173
- 要約: React CompilerがRustへ移植されマージされた。公式npmパッケージはまだ未公開だが、Oxc(v0.135)、Rolldown、Oxlint、SWC、Bunとの統合が進行中
React RFC - Support using disposable as useEffect cleanup
- URL: https://github.com/reactjs/rfcs/pull/278
- 要約:
useEffectがES Explicit Resource Managementと統合できるようにする提案。{[Symbol.dispose]: myEffectCleanupFunction}を返すdisposableリソースでクリーンアップを表現可能に
React Advanced London
- URL: https://reactadvanced.com/
- 要約: 10月23日・26日にロンドンで開催されるカンファレンス。Call for Papersは6月22日まで。コード「TWIR」で10%割引
Flow for TypeScript Users in 2026
- URL: https://medium.com/flow-type/flow-for-typescript-users-in-2026-ad07ac0a2d92
- 要約: Flowの構文はTypeScriptに近づき、より厳密な型付けやパターンマッチング、component/hook/renders構文などの機能を提供。FlowのコンパイラもRustへ移植中
Building an Active NavLink Component in Next.js
- URL: https://aurorascharff.no/posts/building-an-active-navlink-component-in-nextjs/
- 要約: App Router向けの本番品質な再利用可能
NavLinkコンポーネントを構築するガイド。React Routerに着想を得たisActive/classNameレンダープロップを採用し、初回描画のちらつきやSuspense Cache Componentsに対応
The Best Loading States Are No Loading States
- URL: https://jjenzz.com/best-loading-states-are-no-loading-states/
- 要約: ルート遷移、ルートローダー、プリロード、グローバルフォールバックを活用して、目に見えるローディング状態の大半を排除する方法を解説
How React Server Components Integrate with Bundler
- URL: https://reactjs-maxxing.vercel.app/blog/how-react-server-component-integrate-with-bundler
- 要約: React Server Componentsがバンドラとどう統合されるかの技術的な解説
When React parent components need to know their children
- URL: https://www.jayfreestone.com/writing/updating-react-parents-in-response-to-changes-in-children/
- 要約: 子コンポーネントの変更に親コンポーネントが反応するためのパターンを扱う記事
The problem with useEffect – React Doctor can help
- URL: https://www.react.doctor/blog/the-problem-with-useeffect
- 要約: よくある
useEffectの問題を特定・解決するためのツールベースのガイダンス
Sätteri - Flexible Rust-based Markdown / MDX engine
- URL: https://satteri.bruits.org/
- 要約: Unifiedエコシステムの高速なRust製代替。Astroのデフォルトパーサになる可能性があり、既にStarlightと統合済み
Motion 12.40 - Support for arc() motions
- URL: https://motion.dev/docs/arc
- 要約: 要素を曲線パスに沿ってアニメーションさせることが可能に
TanStack Table 9.0 beta
- URL: https://tanstack.com/blog/tanstack-table-v9-taking-form
- 要約: TanStack Storeとatomを使って状態管理を再構築。不要な再レンダリングを防ぎ、React Compilerに対応
React Router 8.0 prerelease
- URL: https://github.com/remix-run/react-router/blob/v8/CHANGELOG.md#v800-pre0
- 要約: 早期採用向けのメジャーバージョン。V8 future flagsがデフォルト有効化、ランタイム要件の引き上げ、CJSと
react-router-domパッケージの廃止
React Router 7.17
- URL: https://github.com/remix-run/react-router/blob/main/CHANGELOG.md#v7170
- 要約: AIエージェント向けのMarkdownドキュメントサポートを追加
React 19.2.7, 19.1.8, 19.0.7
- URL: https://github.com/facebook/react/releases/tag/v19.2.7
- 要約: Server ActionsのFormDataリグレッションを修正
This Month in React podcast
- URL: https://share.transistor.fm/s/dd8e79de
- 要約: Reactコアチームの構成やTanStackのセキュリティインシデントについて議論するポッドキャスト
Señors at Scale podcast - Routing at Scale with TanStack Router
- URL: https://creators.spotify.com/pod/profile/dan-neciu/episodes/Routing-at-Scale-with-TanStack-Routers-Nicolas-Beaussart--React-Router-Migration--Monorepos--PayFit-e3keqv9
- 要約: Nicolas Beaussart氏を迎え、TanStack Router、React Routerからの移行、モノレポについて語るインタビュー
その他（JS / CSS / Web全般）
VoidZero is Joining Cloudflare
- URL: https://voidzero.dev/posts/voidzero-cloudflare
- 要約: CloudflareがVoidZero(Vite、Vitest、Rolldown、Oxc、Oxfmt、Oxlint、Vite+の開発元)を買収。ツールはオープンソース・MITライセンス・コミュニティ主導を維持し、ロックインなし。Cloudflareは新しい
cfCLIをVite中心に構築予定
GitHub - Upcoming breaking changes for npm v12
- URL: https://github.blog/changelog/2026-06-09-upcoming-breaking-changes-for-npm-v12/
- 要約: 7月リリースのnpm v12でinstallライフサイクルスクリプトをデフォルトでブロック。サプライチェーンセキュリティを改善
Why does tsgo use so much memory?
- URL: https://zackoverflow.dev/writing/why-does-tsgo-use-so-much-memory
- 要約: tsgoがスレッドごとに1つの型チェッカーを動かすため、メモリ使用量が大きくなることを解説
Rolldown 1.1
- URL: https://github.com/rolldown/rolldown/releases/tag/v1.1.0
- 要約: lazy barrel最適化を有効化し、TypeScriptの
references解決をtscと整合
Angular 22.0
- URL: https://blog.angular.dev/announcing-angular-v22-c52bb83a4664
- 要約: Signal Forms、Angular Aria、OnPushデフォルト、async DI、IA機能を導入