DocsDigest
一覧へLanguage: EN
OpenAIReact2025/10/16 0:00

React Conf 2025 Recap

要点だけを先に読めるように短く再構成したセクションです。

元記事
OpenAIClaude

Quick Digest

要約

要点だけを先に読めるように短く再構成したセクションです。

openaijamodel: gpt-5-mini-2025-08-07

React Conf 2025 ハイライトまとめ

reactreact-nativereact-compilerperformanceview-transitionspre-rendering

Key Points

  • React Foundation 設立
  • React Compiler v1.0 公開
  • React Native 0.82 新アーキのみ

Summary

React Conf 2025（10/7–8）でReact Foundationの設立が発表され、ReactおよびReact Nativeの主要アップデートが公開されました。React 19.2やReact Compiler v1.0、ViewTransition/Activityなどの新API、React Native 0.82（New Architectureのみ）や新しいパフォーマンス／互換性向上APIが注目ポイントです。

Key Points

  • React Foundationの設立でオープンソース開発のガバナンス強化。
  • React 19.2の新機能:
    • <Activity /> コンポーネント（表示管理）
    • useEffectEvent（Effectsからのイベント発火）
    • Performance Tracks（DevToolsの新しいプロファイリング）
    • Partial Pre-Rendering（アプリの一部を先行レンダーして後で再開）
  • 新しいCanary機能:
    • <ViewTransition />（ページ遷移アニメーション）
    • Fragment refs（Fragmentで包まれたDOM操作）
  • React Compiler v1.0:
    • 自動メモ化、コンパイラ駆動のlintルール、Vite/Next/Expoのデフォルト対応
    • 既存アプリ向けのマイグレーションガイドあり
  • React Native:
    • 0.82はNew Architectureのみ（Experimental Hermes V1サポート）
    • 週次ダウンロード数が急増（4M）と主要アプリの移行事例
    • 新しいweb互換DOM APIとネットワーク向けパフォーマンスAPI
  • 新プリミティブ: Virtual View（リストの可視性管理、modeベースのレンダリング）
  • 複数トークでパフォーマンス計測と最適化手法が紹介（Performance Tracksを利用）

Actionable recommendations for engineers

  • 優先度高: プロジェクトでReact Compiler導入を検討（新しい最適化とlint恩恵）。マイグレーションガイドを確認する。
  • テスト: <Activity /> と <ViewTransition /> を小さな画面遷移で試して、アニメーションとUX改善を評価する。
  • プロファイリング: DevToolsのPerformance Tracksで実パフォーマンスを計測し、Partial Pre-RenderingやVirtual Viewの効果を検証する。
  • React Nativeチームの移行計画を確認し、0.82のNew Architecture移行戦略とHermes V1の互換性を評価する。
  • リソース: 全セッションの配信と資料を参照して、関係する実装・移行手順を社内に共有する。

Full Translation

翻訳

原文の流れを保ったまま読める翻訳セクションです。

openaijamodel: gpt-5-mini-2025-08-07

React Conf 2025 レポート

React Conf 2025 レポート

公開日: 2025-10-16 執筆: Matt Carroll と Ricky Hanlon

先週、React Conf 2025 を開催し、React Foundation の発表と、React と React Native に導入される新機能を紹介しました。React Conf 2025 は 2025 年 10 月 7–8 日にネバダ州ヘンダーソンで行われました。Day 1 と Day 2 のストリーム全編はオンラインで視聴可能で、イベントの写真は こちら でご覧いただけます。本記事では、イベントでの発表と講演の要点をまとめます。

Day 1 キーノート

Day 1 の全編はこちらで視聴できます。

Day 1 のキーノートで Joe Savona は、前回の React Conf 以降のチームとコミュニティのアップデート、そして React 19.0 と 19.1 のハイライトを共有しました。Mofei Zhang は React 19.2 の新機能を紹介しました。主な内容は次のとおりです：

  • <Activity /> — 可視性を管理する新しいコンポーネント。
  • useEffectEvent — Effect からイベントを発火させるためのフック。
  • Performance Tracks — DevTools 内の新しいプロファイリングツール。
  • Partial Pre-Rendering — アプリの一部を事前レンダリングして後でレンダリングを再開する仕組み。

Jack Pope は Canary に導入される新機能を発表しました：

  • <ViewTransition /> — ページ遷移をアニメートする新しいコンポーネント。
  • Fragment Refs — Fragment にラップされた DOM ノードとやり取りする新しい方法。

Lauren Tan は React Compiler v1.0 を発表し、すべてのアプリで React Compiler を推奨しました。利点には次が含まれます：

  • React コードを理解する自動メモ化。
  • React Compiler による新しい lint ルールでベストプラクティスを学べること。
  • Vite、Next.js、Expo の新規アプリに対するデフォルトサポート。
  • 既存アプリを React Compiler に移行するための移行ガイド。

最後に Seth Webster が React Foundation を発表し、React の OSS 開発とコミュニティ運営を支援する体制を紹介しました。

Day 2 キーノート

Day 2 の全編はこちらで視聴できます。

Jorge Cohen と Nicola Corti が Day 2 を開始し、React Native の驚異的な成長（週間ダウンロード数 4M、前年比 100% 成長）や、Shopify、Zalando、HelloFresh による注目のアプリ移行、RISE、RUNNA、Partyful といった受賞アプリ、Mistral、Replit、v0 などの AI アプリを紹介しました。

Riccardo Cipolleschi は React Native に関する 2 つの主要発表を行いました：

  • React Native 0.82 は New Architecture のみとなる予定
  • Experimental Hermes V1 サポート

Ruben Norte と Alex Hunt は次の発表でキーノートを締めくくりました：

  • Web と整合した新しい DOM API により、ウェブ上の React との互換性を強化
  • 新しい Performance API（新しい network パネルとデスクトップアプリを含む）

Day 2 の全編はこちらで視聴できます。

React チームによるトーク

カンファレンスを通して、React チームから次のようなトークが行われました：

  • "Async React Part I and Part II" (Ricky Hanlon) — 過去 10 年の革新を活用して可能になることを示しました。
  • "Exploring React Performance" (Joe Savona) — React パフォーマンス研究の結果を紹介。
  • "Reimagining Lists in React Native" (Luna Wei) — Virtual View を紹介。これはモードベースのレンダリング（hidden / pre-render / visible）で可視性を管理するリスト用の新しいプリミティブです。
  • "Profiling with React Performance tracks" (Ruslan Lesiutin) — 新しい React Performance Tracks を使ってパフォーマンス問題をデバッグする方法。
  • "React Strict DOM" (Nicolas Gallagher) — Meta のネイティブ上でウェブコードを利用するアプローチについて。
  • "View Transitions and Activity" (Chance Strickland) — <Activity /> と <ViewTransition /> を使って高速でネイティブ感のあるアニメーションを作る方法のデモ。
  • "In case you missed the memo" (Cody Olsen) — Sanity Studio で Compiler を採用した事例とその経緯。

React フレームワークのトーク

Day 2 後半では、React フレームワークチームから次のトークがありました：

  • "React Native, Amplified" by Giovanni Laquidara and Eric Fahsl
  • "React Everywhere: Bringing React Into Native Apps" by Mike Grabowski
  • "How Parcel Bundles React Server Components" by Devon Govett
  • "Designing Page Transitions" by Delba de Oliveira
  • "Build Fast, Deploy Faster — Expo in 2025" by Evan Bacon
  • "The React Router’s take on RSC" by Kent C. Dodds
  • "RedwoodSDK: Web Standards Meet Full-Stack React" by Peter Pistorius and Aurora Scharff
  • "TanStack Start" by Tanner Linsley

Q&A セッション

カンファレンス中に行われた Q&A パネルは次のとおりです：

  • React Team at Meta Q&A（ホスト: Shruti Kapoor）
  • React Frameworks Q&A（ホスト: Jack Herrington）
  • React and AI Panel（ホスト: Lee Robinson）

コミュニティのトーク（一部）

  • "Building an MCP Server" by James Swinton (AG Grid)
  • "Modern Emails using React" by Zeno Rocha (Resend)
  • "Why React Native Apps Make All the Money" by Perttu Lähteenlahti (RevenueCat)
  • "The invisible craft of great UX" by Michał Dudak (MUI)

感謝

React Conf 2025 を実現してくださったスタッフ、スピーカー、参加者の皆さんに感謝します。全員を列挙するには多すぎますが、特に以下の方々に感謝します：

  • 会全体の計画とカンファレンスサイト構築を担当した Matt Carroll
  • 司会を務め、丁寧なスピーカー紹介と楽しいジョーク、熱意ある進行をしてくれた Michael Chan
  • ライブ配信をホストし、各スピーカーのインタビューを担当してオンラインの体験を届けてくれた Jorge Cohen
  • Callstack の Mateusz Kornacki、Mike Grabowski、Kris Lis とチーム（共同主催、デザイン、エンジニアリング、マーケ支援）
  • ZeroSlope チーム: Sunny Leggett、Tracey Harrison、Tara Larish、Whitney Pogue、Brianne Smythia（イベント運営サポート）
  • Discord からの質問をライブ配信に届けてくれた Jorge Cabiedes Acosta、Gijs Weterings、Tim Yung、Jason Bonta
  • Discord モデレーションを率いた Lynn Yu
  • 毎日歓迎の挨拶をしてくれた Seth Webster と、アフターパーティーで特別メッセージを届けてくれた Christopher Chedeau、Kevin Gozali、Pieter De Baets
  • カンファレンスモバイルアプリを作成してくれた Kadi Kraman、Beto、Nicolas Solerieu
  • カンファレンスサイトの支援をしてくれた Wojtek Szafraniec
  • ビジュアル、ステージ、音響を担当した Mustache & Cornerstone、会場提供の Westin Hotel

スポンサーの皆様にも感謝します: Amazon、MUI、Vercel、Expo、RedwoodSDK、Ag Grid、RevenueCat、Resend、Mux、Old Mission、Arcjet、Infinite Red、RenderATL。

最後に、来場およびオンラインで参加してくださったすべての方々に感謝します。React は単なるライブラリ以上の存在であり、コミュニティそのものです。皆さんが一堂に会して学び合う姿は大変刺激的でした。

また次回お会いしましょう！

前の記事: Critical Security Vulnerability in React Server Components 次の記事: React Compiler v1.0