Mastodawn

Devon Govett Mar 6, 2025

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

https://react-spectrum.adobe.com/releases/2025-03-05.html

March 5, 2025 Release

Buckle in because this is a big one! In this React Aria release, we are excited to announce that Tree and Virtualizer are now in GA, while Toast is now in available as an alpha. We've also made improvements to Autocomplete, added support for custom Menu, Popover, and Tooltip triggers, completed a major refactor of usePress, and more! For React Spectrum, Toast and TreeView are now in GA, with added support for tooltips in TagGroup and Tabs, and improved localization support in DatePicker.

Devon Govett Jan 15, 2025

New React Aria release! 🎁

🔎 Autocomplete alpha
📽️ CSS transition support in addition to keyframes
📆 Custom Calendar first day of week
🧪 Unit test utility package for ARIA patterns
🎯 Removed custom hit testing in usePress
🐞 and plenty of bug fixes!

https://react-spectrum.adobe.com/releases/2025-01-15.html

January 15, 2025 Release

Happy New Year! Our first release of 2025 includes a new `firstDayOfWeek` prop for our calendar and date picker components, support for CSS transitions in our overlay components, a new `Autocomplete` component in alpha, and a new test utils package.

Devon Govett Nov 21, 2024

New React Aria release! 📢

🪗 Disclosure + Accordion GA
🔎 Ctrl F in DisclosureGroup
☎️ New ToggleButtonGroup component
✅ Mixed selection and actions in Menu
💬 Complex Menu popovers
❌ Dialog close button slot
💯 Devanagari & Bengali numbering systems
🍾 Full TypeScript strict compliance

https://react-spectrum.adobe.com/releases/2024-11-20.html

November 20, 2024 Release

We’re excited to announce that our Accordion and Disclosure components are now generally available! We've also introduced the ToggleButtonGroup component, as well as Section-level selection groups in Menu. Additionally, React Spectrum and React Aria are now Typescript Strict compliant.

Devon Govett Oct 2, 2024

I wrote a blog post on React Aria's algorithm to generate accessible color descriptions! It breaks down how we create clear, understandable screen reader announcements in 30+ languages while minimizing bundle size, thanks to the OKLCH color space. 🌈

https://react-spectrum.adobe.com/blog/accessible-color-descriptions.html

Accessible Color Descriptions for Improved Color Pickers

Recently, we released a suite of color picker components in React Aria and React Spectrum. Since colors are inherently visual, ensuring these components are accessible to users with visual impairments presented a significant challenge. In this post, we'll discuss how we developed an algorithm that generates clear color descriptions for screen readers in multiple languages, while minimizing bundle size.

Devon Govett Oct 1, 2024

Big React Aria release! 🚀

🎨 7 Color Picker components now GA, with new Tailwind starter kit examples!
⏳ Pending Button state
🚪 New Disclosure component
🪗 DisclosureGroup (aka Accordion)
🌴 Tree beta
📱 Improved Android touch handling

Check it out! https://react-spectrum.adobe.com/releases/2024-09-30.html

September 30, 2024 Release

Happy fall! 🍁 We’re excited to announce that our color picker components are now generally available! We've also added a pending state for buttons in React Aria Components, advanced TreeView to beta, and added new Disclosure and DisclosureGroup components in alpha for building accordions and collapsible panels.

Devon Govett May 2, 2024

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!

https://react-spectrum.adobe.com/releases/2024-05-01.html

May 1, 2024 Release

We have a huge release! Submenu, unavailable menu items, DropZone, FileTrigger are all in GA. New color components in React Aria Components and React Spectrum, a new blog post, our first alpha of TreeView and so much more!

Devon Govett Feb 28, 2024

📢 Parcel v2.12.0 brings support for macros, a new web-based REPL, improved CSS bundling, and manual code splitting!

Macros are JS/TS functions that run at build time instead of being bundled. They can generate constants, code, and even assets (eg css)!

https://parceljs.org/blog/v2-12-0/

Parcel v2.12.0

Parcel v2.12.0 introduces support for macros, which enable you to generate code at build time using regular JavaScript functions. It also includes a new online REPL, improves our CSS bundling support, adds configuration options to fine tune your app's code splitting, and improves performance and memory usage.

Devon Govett Feb 23, 2024

Just released Lightning CSS v1.24.0! ⚡️

Support for compiling the light-dark() color function, enabling simple OS + programmatic dark mode toggles! 🌘

Also improves minification for custom properties, @keyframes rules, system colors, and more! 💪

https://github.com/parcel-bundler/lightningcss/releases/tag/v1.24.0

Release v1.24.0 · parcel-bundler/lightningcss

This release adds support the the light-dark() color function, parses CSS system colors, deduplicates custom properties during minification, merges duplicates @keyframes rules, and fixes some bugs....

GitHub

Devon Govett Jan 17, 2024

Just released our React Aria Components + Tailwind CSS starter kit! 🥳

💄 Beautifully styled implementations of every component that you can modify.
🌗 Light, dark, and high contrast modes.
🎲 Multiple variants.
🛝 Pre-configured Storybook.

https://react-spectrum.adobe.com/react-aria/getting-started.html#starter-kits

Getting Started

Documentation for Getting Started in the React Aria package.

Devon Govett Dec 20, 2023

Announcing React Aria Components v1.0.0! 🥳

Over 40 components with built-in behavior, adaptive interactions, top-tier accessibility, and internationalization out of the box, ready for your styles.

https://react-spectrum.adobe.com/react-aria/index.html

React Aria

Craft world-class accessible components with custom styles.