You can add a "Create" option to a React Aria ComboBox in just a few lines of code. stackblitz.com/edit/szjf6ul...

I think I finally found a solution to reliably prevent scrolling behind modals on iOS! 😲 Works when tapping inputs, with different keyboard sizes, when the address bar is collapsed or expanded, programmatic focus, dialog scroll animations, etc. Coming soon to React Aria! 🎉

Animating React Aria Tabs, ToggleButtonGroup, etc. is about to be super easy with the new SelectionIndicator component. 🥳 • Native CSS transitions, no animation library needed. • Works with SSR with no flicker before JS runs. • No ResizeObserver. • Enter + exit animations.

In the next release of React Aria, disclosures are animatable with 2 lines of code. 🎉 height: var(--disclosure-panel-height); transition: height 200ms; Works with browser page search too!

💬 React Aria RFC: Improving dependency management and tree shaking • Merge all code into mono-packages to reduce dependencies and simplify upgrading and pinning. • Provide sub-path exports e.g. react-aria-components/Button to improve tree shaking and MFE support. WDYT? github.com/adobe/react-...

Recreated the Apple Photos UI with React Aria in just ~200 lines! Complete with virtualized scrolling, view transitions, adjustable waterfall layout, folder tree, search, multi-selection, and accessible drag and drop. Just one of the demos I'm planning for the new docs. 🙂

New React Aria release! 🚀 ✨ Origin-aware Popover + Tooltip animations 🔖 GridList section support 🔍 Autocomplete filtering with GridList, Table, and TagGroup 🐉 Simpler useDragAndDrop API 🙌 Enhancements to ComboBox, DatePicker, Menu, and more! react-spectrum.adobe.com/releases/202...

Built an emoji picker with autocomplete, virtualized scrolling, and arrow key navigation using React Aria in ~50 lines. 😎 Combines Select, Popover, Autocomplete, SearchField, Virtualizer, and ListBox. Composition ftw! stackblitz.com/edit/react-a...

The new React Aria docs will have interactive prop controls that update both the component and the code. Configure, test, and copy into your app!

In the new React Aria docs we're working on, we collapse long code examples until you need them. But rather than just showing the top 10 lines (mostly imports), we center the relevant lines so you can see them even when collapsed. 😀

Ok, I didn't know that. Thanks for the response! btw, I've spent all day playing with Parcel and RSC, and I think it's amazing Many projects, SPAs and even server node apps, could adopt RSC incrementally thanks to Parcel

btw, all the diagrams in this article are rendered using graphviz in a React Server Component to generate SVG at build time. Super convenient.

Wrote an article about how React Server Components integrate with a bundler. It's a deep dive into how code splitting works, how RSCs eliminate network waterfalls, how environment directives like "use client" work, CSS loading, etc. Check it out! devongovett.me/blog/parcel-...

New React Aria release! 📜 Infinite scroll in ListBox, GridList, Table, & Tree ⚛️ React 19 actions form reset 🐲 Virtualized Tree drag and drop 🤝 Opened API to DOM events – works better with other libraries 📆 DatePicker autocomplete 🚀 And TONS more! react-spectrum.adobe.com/releases/202...

Very happy that Parcel helped enable this! 🤩

Absolutely MASSIVE collection of beautifully designed and expertly crafted components built with React Aria. 🤩 Everything from base components to entire marketing sections and dashboards. Comes with a matching Figma UI kit, CLI, themes, icons, and more. Incredible. www.untitledui.com/react

Started writing an article about RSCs from a bundler integration perspective. Might end up being multiple parts though. I realized I needed to explain how code splitting works without RSCs first. Already getting kinda long…

Scope hoisting is broken in most JavaScript bundlers, and I'm considering removing it in Parcel v3. Wrote a post about why. devongovett.me/blog/scope-h...

Use Parcel! 😉 parceljs.org/recipes/rsc/...

I'm so excited about the new React Aria docs we're working on! Gonna be so good, I'm giddy. 😀 We're focusing on conciseness. Showing rather than telling, consolidating examples, adding interactive controls, editable sandboxes, copy and paste, etc. Night and day difference.

My colleague Yihui wrote about improving right-to-left language support in React Aria's DatePicker! It gets deep in the weeds about bidirectional text, Unicode, numbering systems, DOM order vs layout order, flex vs flow layout, etc. Check it out! 😀 react-spectrum.adobe.com/blog/rtl-dat...

Drop everything! Drag and drop support in the React Aria Tree component is here. 🫳🎤 🪜 Reorder and move between levels 🌴 Drop on or between rows 🧩 Interoperable with other components 📜 Auto expanding and scrolling 📂 File and directory support 🎹 Fully keyboard accessible

We're hiring a senior engineer on an internal Adobe component library team! They work on higher level design patterns, with opportunities to contribute to React Aria / Spectrum. Bay Area, Seattle, or Salt Lake City only. If interested, please reach out! careers.adobe.com/us/en/job/R1...

⚛️📝 New on Overreacted: Why Does RSC Integrate with a Bundler?

Working on accessible keyboard drag and drop for React Aria's Tree component! 🐲

New React Aria release! 🚀 ▸ Improved TagGroup keyboard accessibility ▸ Support var(--trigger-width) in DialogTrigger ▸ React 19 ref cleanup support ▸ Faster collection update performance ▸ Backward compatibility with old @​types/react ▸ Bug fixes react-spectrum.adobe.com/releases/202...

RSC support in React Router powered by Parcel! 🤩

Parcel v2.15 introduces a new HTML and SVG transformer and minifier written in Rust using browser-grade components from Firefox + Servo! 🚀 Replaces posthtml, htmlnano, SVGO, and SVGR. 10x faster. Reduces npm dependencies by 25% and install size by 45%. parceljs.org/blog/v2-15-0/

Lightning CSS v1.30.0 is released! 😀 ⚡️ Updated relative color spec for numbers and percentages ⚡️ Updated nesting spec for pseudo elements and interleaved rules ⚡️ Skip generating unnecessary @​supports ⚡️ Android support ⚡️ ... and more! github.com/parcel-bundl...

With Parcel, you can return JSX from your server in an existing client rendered app. No need to add SSR if you don’t want to! parceljs.org/recipes/rsc/... Great explanation of why you might want to do this by Dan.

New React Aria release! 📆 Custom calendar systems (e.g. retail calendars) 📉 Up to 22% smaller bundle size for core packages ⏳ React Suspense in collections 🏎️ Faster collection updates 🕳️ PortalProvider 🧩 onClick interop alias for onPress react-spectrum.adobe.com/releases/202...

Kicking off a revamp of the React Aria docs this week! After almost 5 years, it's time to clean things up a bit. We're aiming to simplify navigation, improve search, reorganize content, add more examples, freshen up the styles, etc. What else would you like us to improve?

Got Parcel + React Server Components running on Cloudflare Workers! 🌤️ Example: github.com/parcel-bundl... Live: parcel-rsc-cloudflare.devongovett.workers.dev

React 19.1 enables Server Components in Parcel with React Stable (not only canary)! Just released Parcel v2.14.3 with the corresponding update. 🥳

Added new Parcel React Server Components examples with Deno and Bun! You can use any server/runtime you want. Parcel just builds your code. github.com/parcel-bundl...

Happy to announce Parcel v2.14, now with support for React Server Components! 🥳 RSCs can be integrated into client-rendered apps, server rendered, or statically rendered at build time. Also: rust MDX compiler, create-parcel CLI, new error overlay, and native import maps. parceljs.org/blog/v2-14-0

Why does React Aria have its own Virtualizer implementation? Accessibility. Virtualization breaks keyboard navigation in most component libraries because the focused element is removed from the DOM. React Aria's Virtualizer automatically persists the focused item even when it scrolls out of view.

HUGE React Aria release! 🍿 🔍 Autocomplete: Command Palette, Searchable Select + Submenu 🆕 3 new components: Toast, Tree, Virtualizer 🧩 Custom Menu/Popover/Tooltip triggers 🌉 Table colspan 👆 usePress interop, fixing 15+ issues 💨 Tailwind v4 📅 DatePicker RTL react-spectrum.adobe.com/releases/202...

Just made a subtle change to the React Aria homepage for our upcoming release... 🥳

Writing docs... 👀

The React Aria team is cooking up a Command Palette example combining our Dialog, Autocomplete, and Menu components with Tailwind styles. 🧑‍🍳

AI chatbots as a UI paradigm are like if the terminal had infinite possible commands, there was no documentation, and the output was sometimes wrong 🙃

React Aria exposing state through the className is super handy. Here we're using the placement returned to define a TW CSS variable which we can then use in Motion to define its animation direction. codesandbox.io/p/sandbox/zw...

$ npx cra-to-parcel ✨

Very excited to see oxvg, a Rust-based alternative to SVGO powered by Lightning CSS and other browser-grade components from Servo! Has the potential to be not just faster, but also optimize better. ⚡️ github.com/noahbald/oxvg

Here's React Aria's upcoming Virtualizer component with a waterfall layout. Virtualizer comes with list, grid, waterfall, and table layouts, and you can also create your own completely custom layout.

After seeing this I got a single-level version (based on the latest release) working on a site in a couple of hours. Just a magic library.

React Aria Select with Autocomplete

Combining React Aria's Autocomplete, Menu, and upcoming SubDialog component to create multi-level filterable submenus. 😎

Looks like the web version of Apple's new "Invites" app is using React Aria's DatePicker and Calendar components! 🥳