React 関連動画
React および React のエコシステムについて説明している動画を紹介します。
React Conf 2024
React Conf 2024 では、Meta CTO の Andrew “Boz” Bosworth が開会の挨拶を述べました。
React 19 キーノート
初日のキーノートでは、React コンパイラと React 19 から始まる React のビジョンについて発表しました。Joe Savona、Lauren Tan、Andrew Clark、Josh Story、Sathya Gunasekaran、Mofei Zhang による完全なキーノートは以下で視聴できます:
React Unpacked: React 19へのロードマップ
React 19 では Actions、use()、useOptimistic など、新機能が導入されました。React 19 の新機能についてさらに詳しく知りたい方は、Sam Selikoff の講演をご覧ください:
React 19の新機能
Lydia Hallie が React 19 の新機能を視覚的に分かりやすく解説しました:
React 19 Deep Dive: HTML の協調
Josh Story が React 19 のドキュメントおよびリソースストリーミング API について詳細な解説を行いました:
React を2つのコンピュータで
Dan Abramov は、もし React がサーバファーストで始まっていたらどうなっていたかを想像しました:
Memo を忘れよう
Lauren Tan が、React Compiler を実践的に利用する方法について講演しました:
React Compiler について詳しく
Sathya Gunasekaran と Mofei Zhang が React Compiler がどのように動作するか詳しく解説しました:
さらに…
コミュニティからサーバコンポーネントに関する講演について聞きました:
- Enhancing Forms with React Server Components by Aurora Walberg Scharff
- And Now You Understand React Server Components by Kent C. Dodds
- Real-time Server Components by Sunil Pai
React フレームワークの最新機能に関する講演:
- Vanilla React by Ryan Florence
- React Rhythm & Blues by Lee Robinson
- RedwoodJS, now with React Server Components by Amy Dutton
- Introducing Universal React Server Components in Expo Router by Evan Bacon
React と React Native の開発チームによる Q&A セッション:
- React Q&A hosted by Michael Chan
- React Native Q&A hosted by Jamon Holmgren
React Conf 2024 のすべての講演は conf2024.react.dev から視聴できます。
React Conf 2021
React 18 キーノート
キーノートでは、React 18 から始まる React の将来のビジョンについて共有しました。
Andrew Clark、Juan Tejada、Lauren Tan、Rick Hanlon による完全なキーノートは以下で視聴できます。
アプリ開発者にとっての React 18
React 18 へのアップグレードのデモについて、Shruti Kapoor のトークを以下でご覧ください。
サスペンスを使ったストリーミングサーバレンダリング
React 18 では、サスペンスを使用することでサーバサイドレンダリングのパフォーマンスも改善されています。
ストリーミングサーバレンダリングによって、サーバ側で React コンポーネントから HTML を作成し、それをユーザにストリームで送ることができます。React 18 では、Suspense を使ってアプリを小さな単位に分割し、それぞれがアプリの他の部分をブロックせずに独立してストリーミング処理できるようになります。これによりユーザはより早くコンテンツを見ることができ、素早くインタラクションができるようになる、ということです。
詳しくは、Shaundai Person による以下の発表をご覧ください:
React ワーキンググループの立ち上げ
React 18 では、エキスパートや開発者、ライブラリメンテナ、教育者のグループと協力して作業するため、初めてワーキンググループを立ち上げました。彼らとともに、段階的な採用戦略を作成し、useId、useSyncExternalStore, useInsertionEffect といった API の改善を行ってきました。
この試みの概要については、Aakansha’ Doshi による発表をご覧ください。
React 開発者向けツール
このリリースにおける新機能をサポートするため、新たに構成された React DevTools チームと、開発者が React アプリをデバッグしやすくするための新たなタイムラインプロファイラについて発表しました。
新たな DevTools の機能についての詳細およびデモについては、Brian Vaughn による発表をご覧ください。
メモ化不要の React
より将来に目を向けた話として、Xuan Huang (黄玄) は、React Labs が行っている自動メモ化コンパイラに関する研究の現状についてお話ししました。この発表とコンパイラのプロトタイプについての詳細・デモは以下でご覧ください。
React ドキュメントキーノート
React の学習や React による設計についての一連の発表は Rachel Nabors からスタートしました。その中では React の新ドキュメントに対する我々の注力についてのキーノートがありました(react.dev としてリリース済み):
さらに…
React の学習や React における設計についての以下のような発表がありました:
- Debbie O’Brien: Things I learnt from the new React docs.
- Sarah Rainsberger: Learning in the Browser.
- Linton Ye: The ROI of Designing with React.
- Delba de Oliveira: Interactive playgrounds with React.
Relay、React Native、PyTorch チームからの発表:
- Robert Balicki: Re-introducing Relay.
- Eric Rozell and Steven Moyes: React Native Desktop.
- Roman Rädle: On-device Machine Learning for React Native
アクセシビリティ、ツーリング、サーバコンポーネントについてコミュニティからの発表:
- Daishi Kato: React 18 for External Store Libraries.
- Diego Haz: Building Accessible Components in React 18.
- Tafu Nakazaki: Accessible Japanese Form Components with React.
- Lyle Troxell: UI tools for artists.
- Helen Lin: Hydrogen + React 18.
過去の動画
React Conf 2019
React Conf 2019 の動画プレイリストです。
React Conf 2018
React Conf 2018 の動画プレイリストです。
React.js Conf 2017
React.js Conf 2017 の動画プレイリストです。
React.js Conf 2016
React.js Conf 2016 の動画プレイリストです。
React.js Conf 2015
React.js Conf 2015 の動画プレイリストです。
ベストプラクティスの再考
Pete Hunt の JSConf EU 2013 でのトークは「テンプレートの概念を捨てて JavaScript でビューを構築する」「データが変更されたときにアプリケーション全体を “再レンダー” する」「DOM とイベントの軽量な実装」という 3 つのトピックをカバーしています(2013 年 - 30 分)。
React の初紹介
Tom Occhino と Jordan Walke が Facebook Seattle で React を紹介したときの動画です(2013 年 - 1 時間 20 分)。