2025 10 03 03 AURORA SCHARFF CONGRESO REACT ALICANTE The international React js conference in Spa
summary
A custom account-select component is rebuilt to be accessible, keyboard-navigable, and visually faithful to Figma while eliminating fragile state juggling. The demo uses React 19 server functions, actions, transitions and optimistic updates to sync UI with the server, and composes unstyled primitives from RA Kit styled with Tailwind CSS. Result: far less boilerplate, consistent focus and click‑outside behavior, instant optimistic feedback with automatic rollback, and a working, maintainable component.
AI-written summary · about
chapters (10)
- 0:00Async UIs with React 19
- 1:14Custom UI component challenges
- 3:43Demo setup issues
- 7:57Accessibility with ARKit
- 14:24Async operations with transitions
- 16:28Server communication with React
- 17:51Optimistic updates with useOptimistic
- 20:18Custom logout functionality
- 21:21Improved select component demo
- 22:03Refactoring benefits summary
related talks
01mMeet Aurora Scharff
05mQ&A with Aurora Scharff
26mBuilding Interactive Async UI with React 19 and Ariakit
01mAurora Scharff's Journey with React
01mWhat Aurora Scharff Thinks of React
01mAurora Scharff, shares her excitement about React’s future
59mReact in 2024: Exploring the New Stuff
52mA11y with React Components