Concurrent Rendering

Articles & Tutorials

useRef() and Concurrent Mode: how to avoid shooting yourself in the foot (
Mar 05, 2019
React's eaglerly awaited Concurrent Mode can vastly improve user experience, but it requires a stricter way of writing components.
  • Daishi Kato
Magic of React Suspense with concurrent react and React.lazy API (
Feb 07, 2019
Let’s understand what this means and also get introduced to some of the new features coming to React, some of which have been released as part of the latest stable release and some of them are still in unstable mode and it’s quite possible that the implementation of the api might change over time.
  • Vivek Nayyar
React 16.x Roadmap (
Nov 27, 2018
You might have heard about features like “Hooks”, “Suspense”, and “Concurrent Rendering” in the previous blog posts and talks. In this post, we’ll look at how they fit together and the expected timeline for their availability in a stable release of React.
React Conf recap: Hooks, Suspense, and Concurrent Rendering (
Nov 13, 2018
This year’s React Conf took place on October 25 and 26 in Henderson, Nevada, where more than 600 attendees gathered to discuss the latest in UI engineering.
  • Tom Occhino
Update on Async Rendering (
Mar 27, 2018
We’d like to share with you some of the lessons we’ve learned while working on these features, and some recipes to help prepare your components for async rendering when it launches.

Video Guides & Talks

How to ensure your useRef's will work correctly in React concurrent mode (
Aug 19, 2019
`useRef` is an extremely handy tool, but it comes with a few pitfalls if you don't think carefully about the way you use it. With React Concurrent mode on the horizon, I'll give you a few tips you'll need to make sure you don't break your app with useRef when things go concurrent.
  • Tanner Linsley
Ready for Concurrent Mode? (
Jul 04, 2019
Curious about React’s upcoming “Concurrent Mode”? Hear the story of early experiments with this new React feature at Facebook, and gain deeper understanding of how it works.
  • Flarnie Marchan
Why React Is *Not* Reactive (
Aug 30, 2018
In this talk we build a Reactive React to show the difference between the "push" and "pull" paradigms of data flow and understand why React chooses to manage Scheduling as a core Design Principle, enabling awesome features like async rendering and Suspense!

Books & Guides

Fresh Concurrent React (
Oct 13, 2018
Fresh links about the coming concurrent react revolution!

Podcast Episodes

React Today and Tomorrow with the React Core Team (
Oct 31, 2018
The React core team sits down with Michael Jackson to discuss React today and tomorrow. They talk Concurrent Mode, Suspense, Hooks, the new profiler tab, scheduling in the browser, React Fire, React Fusion, becoming more framework-y, appearing less JavaScript-y, and why you shouldn’t worry about the second argument of useEffect.
Async React with Andrew Clark (
Apr 10, 2018
Andrew Clark is a developer on the React core team at Facebook who has been working on asynchronous rendering. In this episode we do a deep dive on some of the decisions behind the implementation of async mode in React 16 as well as talk about how applications can benefit from using it.