hn.today

What's New in React 19.3 and How It Changes UI Development

jsdev.space6 points3 comments
Screenshot of What's New in React 19.3 and How It Changes UI Development

React 19.3 (Sept 9, 2026) introduces three practical features that simplify common UI patterns: a stable ViewTransition component, Fragment refs, and a browser() API for browser-aware rendering. The ViewTransition component integrates React’s startTransition scheduling with the browser View Transition API so state-driven changes - screen switches, element enter/exit, Suspense fallbacks resolving - can animate as part of React’s render cycle. It supports four transition kinds (enter, exit, update, share), defaults to cross-fade, and lets developers customize timing and motion via ::view-transition-new/old pseudo-elements and regular CSS keyframes while respecting reduced-motion preferences. Using startTransition for non-urgent updates is necessary to trigger the browser-backed transitions.

Fragment refs let components reference and operate on a group of sibling DOM nodes without injecting an extra wrapper. A Fragment ref returns a FragmentInstance that exposes focused utilities (focus, focusLast, blur), event attachment, observeUsing/unobserveUsing for IntersectionObserver/ResizeObserver, getClientRects, and scrollIntoView. That enables patterns like a VisibilityGroup that observes multiple children and reports when any are in view, avoiding layout or semantic side effects from wrapper elements. Together with the browser() API, these changes reduce reliance on extra wrappers, third-party workarounds, and complex effects for common interactive and SSR-aware UI tasks.

Read on jsdev.space3 comments on Hacker News

Summary generated by AI from the linked article. hn.today is not affiliated with Hacker News or Y Combinator.

More in Web

The daily digest

Today's best Hacker News stories, summarized and screenshotted, one email a day.