React 関連動画
React および React のエコシステムについて説明するための動画を紹介します。
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 分)。