Modern React Patterns: Concurrent Rendering, Actions & What’s Next


Async operations don’t have to mean flickering UIs and messy state management. Aurora Scharff (Web Developer & Consultant at Crayon Consulting) explores how modern React patterns address common async challenges like unstable interfaces and inefficient state updates.
▪ How concurrent rendering features (`useTransition`, `useDeferredValue`, `useOptimistic`) solve flickering pending states and race conditions.
▪ Using Actions in React 19 for async workflows with built-in optimistic updates and predictable pending states.
▪ Practical examples in the Next.js App Router: server components for streamlined data fetching, plus reusable “router-aware” UI components.
▪ Coordinating async behavior across components with Actions for custom UI feedback like progress bars, toasts, and even confetti 🎉.
▪ Looking ahead to View Transitions: integrating animations with concurrent features to create fluid, intentional visual updates.
You’ll leave with a clear roadmap for building reusable, async-safe React components while ensuring smooth and reliable user experiences.S
SUBSCRIBE TO
RUC NEWSLETTER
We'll share the latest updates—new speakers, ticket offers, and additional events details. Stay tuned!
