React Videos - React

<Intro>

Videos dedicated to the discussion of React and the React ecosystem.

</Intro>

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 Keynote

In the keynote, we shared our vision for the future of React starting with React 18.

Watch the full keynote from Andrew Clark, Juan Tejada, Lauren Tan, and Rick Hanlon here:

React 18 for Application Developers

For a demo of upgrading to React 18, see Shruti Kapoor’s talk here:

Streaming Server Rendering with Suspense

React 18 also includes improvements to server-side rendering performance using Suspense.

Streaming server rendering lets you generate HTML from React components on the server, and stream that HTML to your users. In React 18, you can use Suspense to break down your app into smaller independent units which can be streamed independently of each other without blocking the rest of the app. This means users will see your content sooner and be able to start interacting with it much faster.

For a deep dive, see Shaundai Person’s talk here:

The first React working group

For React 18, we created our first Working Group to collaborate with a panel of experts, developers, library maintainers, and educators. Together we worked to create our gradual adoption strategy and refine new APIs such as useId, useSyncExternalStore, and useInsertionEffect.

For an overview of this work, see Aakansha' Doshi's talk:

React Developer Tooling

To support the new features in this release, we also announced the newly formed React DevTools team and a new Timeline Profiler to help developers debug their React apps.

For more information and a demo of new DevTools features, see Brian Vaughn’s talk:

React without memo

Looking further into the future, Xuan Huang (黄玄) shared an update from our React Labs research into an auto-memoizing compiler. Check out this talk for more information and a demo of the compiler prototype:

React docs keynote

Rachel Nabors kicked off a section of talks about learning and designing with React with a keynote about our investment in React's new docs (now shipped as react.dev):

And more...

We also heard talks on learning and designing with 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.

Talks from the Relay, React Native, and PyTorch teams:

Robert Balicki: Re-introducing Relay.
Eric Rozell and Steven Moyes: React Native Desktop.
Roman Rädle: On-device Machine Learning for React Native

And talks from the community on accessibility, tooling, and Server Components:

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.

Older videos

React Conf 2019

A playlist of videos from React Conf 2019. <YouTubeIframe title="React Conf 2019" src="https://www.youtube-nocookie.com/embed/playlist?list=PLPxbbTqCLbGHPxZpw4xj_Wwg8-fdNxJRh" />

React Conf 2018

A playlist of videos from React Conf 2018. <YouTubeIframe title="React Conf 2018" src="https://www.youtube-nocookie.com/embed/playlist?list=PLPxbbTqCLbGE5AihOSExAa4wUM-P42EIJ" />

React.js Conf 2017

A playlist of videos from React.js Conf 2017. <YouTubeIframe title="React.js Conf 2017" src="https://www.youtube-nocookie.com/embed/playlist?list=PLb0IAmt7-GS3fZ46IGFirdqKTIxlws7e0" />

React.js Conf 2016

A playlist of videos from React.js Conf 2016. <YouTubeIframe title="React.js Conf 2016" src="https://www.youtube-nocookie.com/embed/playlist?list=PLb0IAmt7-GS0M8Q95RIc2lOM6nc77q1IY" />

React.js Conf 2015

A playlist of videos from React.js Conf 2015. <YouTubeIframe title="React.js Conf 2015" src="https://www.youtube-nocookie.com/embed/playlist?list=PLb0IAmt7-GS1cbw4qonlQztYV1TAW0sCr" />

Rethinking Best Practices

Pete Hunt's talk at JSConf EU 2013 covers three topics: throwing out the notion of templates and building views with JavaScript, “re-rendering” your entire application when your data changes, and a lightweight implementation of the DOM and events - (2013 - 0h30m). <YouTubeIframe title="Pete Hunt: React: Rethinking Best Practices - JSConf EU 2013" src="https://www.youtube-nocookie.com/embed/x7cQ3mrcKaY" />

Introduction to React

Tom Occhino and Jordan Walke introduce React at Facebook Seattle - (2013 - 1h20m). <YouTubeIframe title="Tom Occhino and Jordan Walke introduce React at Facebook Seattle" src="https://www.youtube-nocookie.com/embed/XxVg_s8xAms" />