Syntax - Tasty Web Development Treats 943: Modern React with Ricky Hanlon (React Core Dev)
78 snips
Oct 6, 2025 In this insightful discussion, Ricky Hanlon, a React core team engineer at Meta, shares his expertise on modern React features. He delves into transitions, describing them as a way to enhance UI responsiveness. Ricky explains how Suspense works alongside useDeferredValue for smooth user experiences and highlights the importance of perceived performance in UX design. He also discusses data fetching strategies and dispels myths about React's dependence on Next.js. Finally, he teases his upcoming talk at React Conf, promising deeper insights into these topics.
AI Snips
Chapters
Transcript
Episode notes
Transitions Are Scheduling Primitives
- Transitions are scheduling primitives that let you prioritize UI feedback over longer updates.
- They coordinate work so user input remains highest priority while heavier updates run later.
Give Immediate Feedback, Defer Results
- Show immediate UI feedback for user interactions and transition the heavier result asynchronously.
- Update small visible state synchronously and defer expensive fetches or rendering to a transition.
Deferred Reads Versus Deferred Writes
- useDeferredValue defers at read time while startTransition defers updates at write time.
- Suspense batching and throttling help group updates to reduce DOM reads and improve animation timing.