Modern React Patterns - Concurrent Rendering, Actions and What's Next
Callstack Engineers via YouTube
Overview
Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Explore modern React patterns for handling asynchronous operations without the common pitfalls of flickering UIs and complex state management in this 27-minute conference talk from React Universe Conf 2025. Learn how concurrent rendering features like `useTransition`, `useDeferredValue`, and `useOptimistic` effectively solve flickering pending states and race conditions that plague traditional async implementations. Discover how to leverage Actions in React 19 for streamlined async workflows that include built-in optimistic updates and predictable pending states. Examine practical implementation examples within the Next.js App Router, including server components for efficient data fetching and the creation of reusable "router-aware" UI components. Master techniques for coordinating async behavior across multiple components using Actions to provide custom UI feedback such as progress bars, toast notifications, and celebratory animations. Gain insights into the future of React development with View Transitions and how to integrate smooth animations with concurrent features to create fluid, intentional visual updates. Build a comprehensive understanding of creating reusable, async-safe React components while maintaining smooth and reliable user experiences throughout your applications.
Syllabus
Modern React Patterns: Concurrent Rendering, Actions & What’s Next | Aurora Scharff at RUC 2025
Taught by
Callstack Engineers