React Conf 2025（Day 2）

前回の記事に続き、2025年のReact Conference 2日目の発表内容を要約したものです。

2日目は主にReact Nativeに関連する発表が行われました。

全体の内容が気になる方は、リンク先の記事を参照するとよいでしょう！

• React Native Keynote

  • React Nativeのダウンロードは100%成長（週400万）、0.82リリースでNew Architectureがデフォルト有効化され、Hermes V1の実験的サポートを開始
  • Webとの収束に向けてReact Strict DOMとDOM APIsを追加し、ShopifyやStarlinkなどの成功事例を共有
  • Expo SDK 54、DevToolsのパフォーマンスパネル強化、Vega OS内蔵により将来のプラットフォームへ拡張

• React Native, Amplified

  • AmazonのVega OS: React Nativeを内蔵したLinuxベースのOSで、Fire TVなどのデバイスをサポートし、リソース効率を30%向上
  • React Native for Vega(@amazon-devices/react-native-kepler)により、アプリ間でライブラリを共有し、10〜12MBのストレージを節約
  • Vega Developer Tools Public Beta、Rockなどのポーティング支援、AIツール（Amazon Q、Kiro）で開発を加速

• React Strict DOM

  • Webとネイティブの分断を解消するためのreact-strict-dom: HTML/CSS polyfillで単一のReact UIを構築（"Learn Once, Write Once"）
  • MetaのFacebook VRアプリでWebコードの60%共有に成功し、ネイティブ性能を2.5倍改善
  • 今後: DOM APIの対応を63%まで拡大し、クロスプラットフォームのアニメーション/スタイリング統合、AI学習の最適化

• Reimagining Lists in React Native

  • Blanking List問題（スクロール時にコンテンツが消える）を解決するため、<VirtualView />を実験中。コンポーネントごとに同期/非同期レンダリングの優先順位を制御
  • Virtual Collectionsで仮想化リストを最適化し、visible/prerenderモードを分離、0.83リリースでドキュメント化予定
  • New Architectureのデフォルト化により、モバイルUIフレームワーク級の性能を実現し、コミュニティのフィードバックを募集

• React Everywhere: Bringing React Into Native Apps

  • WebViewの限界（UX低下、性能ボトルネック）を克服するため、React Native Brownfieldにより既存のネイティブアプリへRNビューを段階的に挿入
  • rockツールでRNアプリをAAR/XCFrameworkとしてバンドルし、react-strict-dom/Nativewindでuniversalコードを共有
  • 単一チームによるownership、WebView → RN移行戦略によりcross-platform効率を最大化

• How Parcel Bundles React Server Components

  • Parcel v2.14でRSCをサポート: サーバー/クライアントのmodule graphを統合し、"use client"ディレクティブでproxy生成とpreloadを自動化
  • Network Waterfallsを排除: サーバーのdynamic importをzero latency化し、CSS side effect処理、code splittingを最適化
  • Bundlerレイヤーでframework非依存のRSC実装を行い、SSRの選択的適用で性能と柔軟性を向上

• Designing Page Transitions

  • View Transitions APIでserver-renderedページ間にアニメーションを実装: <ViewTransition />でopt-inし、標準でcrossfadeを提供
  • Next.js Custom Linkで方向や共有要素をカスタマイズし、motion blur/easingで洗練されたUXを実現
  • Browser pseudo-elementsによる高性能なstatic imageアニメーション、Reactへのcoordination委譲で開発を簡素化

• Build Fast, Deploy Faster—Expo in 2025

  • Expo SDK 54: React Compilerをデフォルト採用し、liquid glassなどのネイティブ効果を即時統合、EAS Buildは4倍高速化
  • EAS Deploy/TestFlight自動化で5分デプロイ、Expo LaunchでワンクリックApp Store公開
  • ネイティブCSSサポート（Tailwind互換）、AI Copilotデモで40秒でPokédexアプリを生成

• The React Router take on RSC

  • Vite pluginでRSCを有効化し、既存アプリへ段階的に導入: loader → async Server Componentへ変換
  • Nested routesごとに独立してRSCを適用し、Server Actionsでform/actionを簡素化、"use client"に注意
  • Type-safeなルーティング/データローディング、クライアント・サーバー混在対応によりfull-stackの柔軟性を確保

• RedwoodSDK: Web Standards Meet Full-Stack React

  • Viteベースのweb standardsフレームワーク: route functions、interrupters/middleware、Cloudflare Workers最適化
  • Server-firstなRSCストリーミング、WebSockets real-time、no-JS SSR → hydration → View Transitionsをサポート
  • pnpm releaseによるワンコマンドデプロイ、Durable Objects/DB統合でcomplete document controlを実現

• TanStack Start

  • Client-first full-stack: TanStack Routerベースのtype-safeなルーティング/データローディング、SSRトグル対応
  • CLIでアプリを生成し、server functions/middleware、API routesのファイルベース管理、add-ons（Prisma/Neon）統合
  • SPAパターンを維持しながらfull-stackへ拡張し、コミュニティ主導の開発でReactエコシステムの安定性を強調

• What's The Framework of the React Future?

  • パネル討論: Next.js（Partial Prerendering）、Remix（RSC必須）、Expo（ユニバーサル）、TanStack Start（type-safe）などへの収束傾向
  • AI/LLM統合: ローカルモデル、MCPプロトコル、ストリーミングSSRにより開発/デプロイを革新
  • React Foundationのビジョン: フレームワークのメタ収束、signals/外部ストア、きめ細かな性能制御の必要性

• Async React (continued)

  • Synchronous TODOアプリの問題を解決: Transitions/Suspense/useOptimisticでjankyなUXを改善し、View Transitionsアニメーションを適用
  • action propsパターン（React 19）: transition/mutationを自動処理し、ローディング状態を内蔵
  • Async React WG: router/データ/デザインの標準化、宣言的なasyncアーキテクチャでAI/人間双方に優しいUX