Syntax - Tasty Web Development Treats

943: Modern React with Ricky Hanlon (React Core Dev)

42 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.
Ask episode
AI Snips
Chapters
Transcript
Episode notes
INSIGHT

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.
ADVICE

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.
INSIGHT

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.
Get the Snipd Podcast app to discover more snips from this episode
Get the app