React 関連動画

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

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