React 関連動画

React および React のエコシステムについて説明している動画を紹介します。

React Conf 2024

React Conf 2024 では、Meta CTO の Andrew “Boz” Bosworth が開会の挨拶を述べました。

React 19 キーノート

初日のキーノートでは、React コンパイラと React 19 から始まる React のビジョンについて発表しました。Joe SavonaLauren TanAndrew ClarkJosh StorySathya GunasekaranMofei 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 GunasekaranMofei Zhang が React Compiler がどのように動作するか詳しく解説しました:

さらに…

コミュニティからサーバコンポーネントに関する講演について聞きました:

React フレームワークの最新機能に関する講演:

React と React Native の開発チームによる Q&A セッション:

React Conf 2024 のすべての講演は conf2024.react.dev から視聴できます。

React Conf 2021

React 18 キーノート

キーノートでは、React 18 から始まる React の将来のビジョンについて共有しました。

Andrew ClarkJuan TejadaLauren TanRick Hanlon による完全なキーノートは以下で視聴できます。

アプリ開発者にとっての React 18

React 18 へのアップグレードのデモについて、Shruti Kapoor のトークを以下でご覧ください。

サスペンスを使ったストリーミングサーバレンダリング

React 18 では、サスペンスを使用することでサーバサイドレンダリングのパフォーマンスも改善されています。

ストリーミングサーバレンダリングによって、サーバ側で React コンポーネントから HTML を作成し、それをユーザにストリームで送ることができます。React 18 では、Suspense を使ってアプリを小さな単位に分割し、それぞれがアプリの他の部分をブロックせずに独立してストリーミング処理できるようになります。これによりユーザはより早くコンテンツを見ることができ、素早くインタラクションができるようになる、ということです。

詳しくは、Shaundai Person による以下の発表をご覧ください:

React ワーキンググループの立ち上げ

React 18 では、エキスパートや開発者、ライブラリメンテナ、教育者のグループと協力して作業するため、初めてワーキンググループを立ち上げました。彼らとともに、段階的な採用戦略を作成し、useIduseSyncExternalStore, 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 における設計についての以下のような発表がありました:

Relay、React Native、PyTorch チームからの発表:

アクセシビリティ、ツーリング、サーバコンポーネントについてコミュニティからの発表:

過去の動画

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 分)。