React Concurrency: Is It Really That Good?

on YouTube ↗49m

" summary

Overview of React 18’s Concurrent Rendering and related hooks like useTransition and useDeferredValue, explaining their benefits and trade-offs. Compares behavior with earlier React versions, inspects React’s source code and history of concurrency, and identifies cases where blocking (synchronous) rendering can still be more useful.

AI-written summary · about

" chapters (12)

1. 0:00Welcome
2. 2:07What is concurrent React
3. 5:15Unresponsive UI problem
4. 8:07Worker DOM issues
5. 13:47React Fiber internals
6. 16:40Async rendering to Concurrent Mode
7. 18:26Task priorities in Concurrent React
8. 22:21Unblocking UI solution
9. 27:40Hooks in Concurrent Mode
10. 34:12Signals vs Concurrent React
11. 41:20Future of reactivity and concurrency
12. 42:02Q&A

" related talks

• 46mReact 18 Concurrency, ExplainedIvan Akulov · performance.now() 2022
• 30mConcurrent Rendering in ReactMithun Devarajulu, Alok Kumar · React India 2024
• 19mAll About React 18Aashima Ahuja · JSworld Conference 2023
• 15mConcurrent React Made EasyHenrique Inonhe · Reactathon 2023
• 16mAn overview of React 18 featuresTereza Vaňková, Břetislav Proft · WebExpo 2022
• 42mConcurrent Rendering in ReactAndrew Clark, Brian Vaughn · React Conf 2018
• 09mConcurrent Rendering in React 18Ifeoma Imoh · TheJam.dev 2022
• 28mConquering Concurrent ReactAriel Shulman · ReactNext 2024