Huge React Aria release! 🚀 🚇 Submenu + blog post! 🌈 7 new color picker components 🎄 Tree alpha 🪂 DropZone + FileTrigger 🔗 Typed client-side router integration 🎬 onAction/isDisabled item API 🍂 Better tree shaking (~4x smaller) 🥹 And a ton more!

SubmenuTrigger allows you to build multi-level menus with composition! They include forgiving pointer-friendly interactions, keyboard navigation, collision avoidance, and more. My colleague Reid wrote a great blog post about the details behind it!

We now have a full suite of accessible color picker components that you can compose together and customize, including ColorArea, ColorField, ColorSlider, ColorSwatchPicker, and ColorWheel. They even include color descriptions for screen readers. 🙂

We heard your feedback that our Menu API (and other collections) could be easier to use, and now it is! You can now put onAction and isDisabled directly on items – no need to manage item ids separately.

You can now pass router options to any component that supports rendering as a link, and configure how hrefs are resolved. This is all fully typed, so if your router supports typed URLs (e.g. TanStack Router), autocomplete also works with React Aria. 🪄

There's a ton more in this release - TreeView alpha, drag and drop fixes, DatePicker improvements. Over 100 fixes and enhancements, including over 20 individual external contributors! I'd like to especially thank @Sukkyu_Chung and @ryo_manba who made 10+ contributions each. ❤️

Eh, I guess RAC was playing well with Vite already, but a very impressive release nonetheless :D

yeah, depends how many components you are using, and some already worked better than others. Tends to improve more if you're only using a few components. The main improvement is that it's more consistent now.

Huge! Congratulations 🥳

This is awesome💪 ColorPicker as well as submenus being pointer forgiving is my favourite from this release! Keep up the good work!

Do you know if the menu component can be used as a right-click context menu easily?

Probably not as easy as it should be. You could certainly use a controlled Popover (isOpen prop) and trigger it in the onContextMenu event, but it wants an element to position relative to. Ideally there'd be a way to have it anchor to the mouse position instead.