Name: Gradual Adoption Strategy of React 18
Uploaded: 2021-10-29T18:36:35-05:00
Description: In this lesson Michael Chan explains the design of React 18's gradual adoption strategy, what it means for your apps, and further in the course you'll see how to start testing with prerelease React 18 today.

Gradual Adoption Strategy of React 18

Update React Dependencies with the @next Version Tag

Replace Legacy Root API with New Root API

Use React 18's New Root API Alongside the Legacy Root API

Replace Legacy Root API's Callback Argument

Conditionally Render with Legacy Root API or New Root API

Opt-in to Automatic Batching with createRoot

Remove unstable_batchedUpdates Calls

Opt-out of Automatic Batching with ReactDOM.flushSync

Handle Class Component setState edge-case with ReactDOM.flushSync

Stay up-to-date on React 18 progress with the React Working Group

Migrate a Client-Side Application to React 18 Beta

In this lesson Michael Chan explains the design of React 18's gradual adoption strategy, what it means for your apps, and further in the course you'll see how to start testing with prerelease React 18 today.

https://app.egghead.io/api/v1/lessons/react-gradual-adoption-strategy-of-react-18/subtitles

Instructor: [0:00] Hey, friends. Welcome to this course on migrating client-side apps to React 18 Beta. React 18 is an extremely exciting release. It's something that we've been waiting for for a long time.

[0:13] If you think about it, it boils down to, we want to introduce a bunch of groundbreaking features but also don't touch anything. We want everything to work the way that it did before. React calls this their gradual adoption strategy. What does that mean?

[0:29] In the short term, it means that, despite React 18 shipping with a host of new features, using the same APIs in the same ways as you do with React 17 will yield the exact same results as you had in React 17.

[0:43] However, there's a bunch of performance improvements that can be gained by changing our root API and updating the way that we interact with state updates. That's what this course focuses on, is going through all of the changes that are a result of changing that root API and places in your app that you might need to update to get the most performance benefit from these changes.

[1:07] Once you've made those changes, your app is in a stable place to take advantage of all of the new and upcoming features in React 18. Without further ado, let's dive in.

Gradual Adoption Strategy of React 18

Share this video with your friends

Course

Migrate a Client-Side Application to React 18 Beta