PodRocket - A web development podcast from LogRocket Modern React Patterns: Concurrent Rendering & Actions with Aurora Scharff
11 snips
Aug 21, 2025 Aurora Scharff, a Senior Consultant at Crayon, shares her expertise on modern React development, specifically focusing on features from React 18 and 19. She discusses real-world applications of useTransition and useOptimistic, revealing how they enhance user experience and optimize async rendering. Aurora also touches on server components, the integration with Next.js, and tools like Aria Kit and Redwood SDK, showcasing how these advancements are shaping the future of React. Her insights into concurrent rendering patterns provide essential knowledge for developers.
AI Snips
Chapters
Transcript
Episode notes
useTransition Solves Blocking Renders
- useTransition marks state updates as lower priority and gives a built-in pending state.
- It prevents blocking by letting high-priority updates interrupt slower transitions.
Make Expensive Components Nonblocking
- Marking heavy component updates as transitions prevents UI blocking during interactions.
- Users see a pending UI instead of frozen interactions when expensive components load.
Use Transitions Instead Of Manual Loading
- Wrap async calls and related state updates inside startTransition to simplify loading logic.
- Rely on the returned pending flag instead of managing manual loading state toggles.