React 関連動画

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

React Conf 2024

At React Conf 2024, Meta CTO Andrew “Boz” Bosworth shared a welcome message to kick off the conference:

React 19 Keynote

In the Day 1 keynote, we shared vision for React starting with React 19 and the React Compiler. Watch the full keynote from Joe Savona, Lauren Tan, Andrew Clark, Josh Story, Sathya Gunasekaran, and Mofei Zhang:

React Unpacked: A Roadmap to React 19

React 19 introduced new features including Actions, use(), useOptimistic and more. For a deep dive on using new features in React 19, see Sam Selikoff’s talk:

What’s New in React 19

Lydia Hallie gave a visual deep dive of React 19’s new features:

React 19 Deep Dive: Coordinating HTML

Josh Story provided a deep dive on the document and resource streaming APIs in React 19:

React for Two Computers

Dan Abramov imagined an alternate history where React started server-first:

Forget About Memo

Lauren Tan gave a talk on using the React Compiler in practice:

React Compiler Deep Dive

Sathya Gunasekaran and Mofei Zhang provided a deep dive on how the React Compiler works:

And more…

We also heard talks from the community on Server Components:

Talks from React frameworks using new features:

And Q&As with the React and React Native teams:

React Q&A hosted by Michael Chan
React Native Q&A hosted by Jamon Holmgren

You can watch all of the talks at React Conf 2024 at 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 分）。

PreviousReact ミーティング

Nextチーム紹介