Modern React Patterns: Concurrent Rendering, Actions & What’s Next | Aurora Scharff at RUC 2025

Async operations don’t have to mean flickering UIs and messy state management.

At React Universe Conf 2025, Aurora Scharff (Web Developer & Consultant at Crayon Consulting) explores how modern React patterns address common async challenges like unstable interfaces and inefficient state updates.

Skip the intro ⏩ 0:39

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

See you at another React Universe Conf 🎟️ https://clstk.com/47yKEfk
Follow React Universe Conf on X to stay up to date 🐦 https://x.com/reactuniverse_
Check out Callstack content 📚 https://clstk.com/3VDZlXe