Uploaded September 2025 | Updated September 2026, 1 hour ago
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 🎟️ clstk.com/47yKEfk
Follow React Universe Conf on X to stay up to date 🐦 https://x.com/reactuniverse_
Check out Callstack content 📚 clstk.com/3VDZlXe
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 🎟️ clstk.com/47yKEfk
Follow React Universe Conf on X to stay up to date 🐦 https://x.com/reactuniverse_
Check out Callstack content 📚 clstk.com/3VDZlXe
