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
Throttling Reduces Flicker And Layout Work
- React throttles short fallbacks to avoid flicker and to batch updates for one DOM layout pass.
- Batching reduces multiple animations and layout recalculations, improving perceived performance.
Show Skeletons Quickly
- Show a skeleton quickly after user input to improve perceived performance.
- Users tolerate skeletons up to ~500ms and blame network, not your app, for that delay.
Push Transitions Into Framework Layers
- Prefer routers, data layers, and design systems to implement transitions and suspense by default.
- Let frameworks handle scheduling so product code stays simple and gains UX benefits automatically.