Concurrent React Made Easy
summary
Demo shows a slow, artificially delayed component (a little turtle) freezing the UI under synchronous rendering but staying interruptible when using Concurrent React features. It demonstrates useTransition and useDeferredValue to mark renders low priority, keeps a sidebar and an input responsive during page transitions and list filtering, and logs interrupted vs finished renders. The claim: concurrent rendering doesn’t make work faster but makes the UI feel faster by prioritizing urgent updates and letting slow work run in the background.
AI-written summary · about
chapters (10)
- 0:00Introduction to talk
- 1:17Problem with slow UI parts
- 3:02Why synchronous rendering fails
- 4:03Concurrent React demo
- 5:06Key concepts of Concurrent React
- 6:12High vs low priority renders
- 8:43Concurrent features in practice
- 12:58Rendering lifecycle explained
- 13:20When to use concurrent features
- 14:02Concurrent React benefits
