Devon Govett
LightNews LightNews
banner
devongovett.me
Devon Govett
@devongovett.me
4.3K followers 78 following 500 posts
I write javascript
Posts Replies Media Videos
devongovett.me
New React Aria release!

🧭 New NavigationTree component, perfect for sidebars. Supports expandable items, sections, keyboard navigation, action buttons, etc.
⌛️ Menu async load more
📝 TokenField selection updates
📱 iOS overlay positioning fixes

react-aria.adobe.com/releases/v1-...
Screenshot of NavigationTree showing a list with Home, Files expanded with Photos and Videos nested, and Shared which is not expanded. Each item has an action menu.
September 1, 2026 at 4:57 PM
devongovett.me
Text shimmer animations are usually very CPU intensive (~20% for one line of text). Animating background-position is not GPU accelerated, so the browser re-paints every frame.

I found an alternative using a CSS mask which only animates a transform. Down to < 2% CPU usage. codepen.io/editor/devon...
August 27, 2026 at 3:08 PM
devongovett.me
Fun CSS demo I built today: automatically compute a partially transparent white or black color that meets a target WCAG contrast ratio against an arbitrary background color. No JavaScript needed. 😃

codepen.io/editor/devon...
August 19, 2026 at 8:00 PM
devongovett.me
New React Aria components! 🚀

🔗 PreviewTrigger – build accessible hover popovers
🐭 Context menu trigger for mouse, keyboard, and touch
🪙 TokenField (alpha) – a text input with inline tokens
📋 Editable table cells
🎹 Keyboard shortcuts
🪝 New hook docs

react-aria.adobe.com/releases/v1-...
July 31, 2026 at 4:00 PM
devongovett.me
Exciting news: React Aria is now a first-class component base in shadcn/ui! Initialize a new project with `--base aria`, or use shadcn/create to build and customize your own component library.

ui.shadcn.com/docs/changel...
screenshot of shadcn/create showing supported component libraries: Base UI, React Aria, and Radix UI.
July 17, 2026 at 5:04 PM
devongovett.me
React Aria Components v1.19.0 is out! ✨

Autocomplete supports inline completions (e.g. mentions), and a new Popover API enables positioning relative to the cursor.

Also, text inputs can now be nested in GridList and Tree without breaking arrow key navigation!

react-aria.adobe.com/releases/v1-...
June 18, 2026 at 5:38 PM
devongovett.me
React Aria release!

📆 Calendar multi-select, week/day views, month/year pickers, weeksInMonth
⚓️ RangeCalendar unavailable anchor date
✅ Checkbox/Radio/Switch description and error message
👢 TableFooter
⛽️ SliderFill
💯 Non-object collection items
🧪 New test utils

react-aria.adobe.com/releases/v1-...
May 28, 2026 at 6:47 PM
devongovett.me
Huge React Aria release!

🏝️ Expandable table rows
📉 90% fewer dependencies
🔥 Sub-path imports – improved tree shaking, faster builds, and easier discoverability
🪟 Virtualizer window scrolling
➡️ GridList horizontal orientation
💾 NumberField and RangeCalendar commit behavior
April 15, 2026 at 3:20 PM
devongovett.me
A free side-benefit of subpath imports is that you can easily discover what child components are supported using TypeScript autocomplete.
Code example: import * as RAC from 'react-aria-components/ComboBox'; <RAC.ComboBox> <RAC.Label>Label</RAC.Label> <RAC.Input /> <RAC.Button /> <RAC.FieldError /> <RAC.Popover> <RAC.ListBox> <RAC.ListBoxItem>Item</RAC.ListBoxItem> <RAC.ListBoxItem>Item</RAC.ListBoxItem> </RAC.ListBox> </RAC.Popover> </RAC.ComboBox>
March 28, 2026 at 1:47 AM
devongovett.me
The next version of React Aria has 90% fewer dependencies (from 127 down to just 13). It also supports subpath imports, e.g. "react-aria-components/Button". This means easier upgrades, faster builds, more effective tree shaking, and improved micro-frontend support. 🚀
March 25, 2026 at 7:00 PM
devongovett.me
Looks like Vite 8 is using Lightning CSS as the default CSS minifier! Most next-generation build tools are now using it, including Turbopack, Rspack, Tailwind, Parcel, Bun (a port), and now Vite. ⚡️
Lightning CSS is now used for CSS minification by default. You can use the build.cssMinify: 'esbuild' option to switch back to esbuild. Note that you need to install esbuild as a devDependency.
March 12, 2026 at 6:54 PM
devongovett.me
New React Aria release!

✅ Multi-select ComboBox with customizable selection rendering (e.g. TagGroup)
🏝️ Tree sections – create labeled groups of items
💯 Better NumberField paste handling
📆 Improved Calendar month and year dropdown behavior
🐞 Lots of bug fixes!

react-aria.adobe.com/releases/v1-...
March 4, 2026 at 7:04 PM
devongovett.me
I'm often asked why you would use a JS library like React Aria for modals instead of the HTML element, so I wrote up a detailed response. One of the main features of (top layer) is also one of its weaknesses.

github.com/adobe/react-...
Modal a11y · adobe react-spectrum · Discussion #9696
Hi, I have 2 questions related to the Modal component. In the documentation example, I tells us to use <Dialog> inside the modal. Why is it internally a <section role="dialog"> instead of a <dialog...
github.com
February 27, 2026 at 4:52 PM
devongovett.me
unplugin-parcel-macros brings Parcel's build-time macro support to other bundlers, including Vite, Webpack, Rollup, and Esbuild.

v0.2.0 adds support for WASM, so it works in browser environments like Stackblitz too!

github.com/devongovett/...
import regexgen from 'regexgen' with {type: 'macro'}; // Compile a regex at build time. // The output is inlined into the bundle. const regex = regexgen(['foobar', 'foobaz', 'foozap', 'fooza']);
February 26, 2026 at 7:51 PM
devongovett.me
New React Aria release!

🎁 New `render` prop – customize DOM element, integrate router links & animation libraries
📆 Improved DateField UX – constrain invalid dates on blur instead of while typing
🤖 Agent skills
🔎 Improved doc search
🐞 80+ bug fixes

react-aria.adobe.com/releases/v1-...
v1.15.0 | React Aria
New year, new release, and the shine hasn’t worn off from our new documentation website! This month’s release includes expanded customization options via a new render prop, greater input flexibility i...
react-aria.adobe.com
February 4, 2026 at 5:10 PM
devongovett.me
In the next version of React Aria Components, you can use the `render` prop to customize the rendered DOM element. This also receives the component state, which makes it easy to drive animations.
import {Button} from 'react-aria-components'; import {motion} from 'motion/react'; <Button render={(domProps, {isPressed}) => ( <motion.button {...domProps} animate={{scale: isPressed ? 0.9 : 1}} /> )}> Press me </Button>
January 23, 2026 at 7:24 PM
Reposted by Devon Govett
webdevs.firefox.com
Firefox 147 just landed & it's pretty huge in terms of web features:

🎉 CSS anchor positioning
🎉 The navigation API
🎉 View transition types
🎉 Brotli support in Compression/DecompressionStream
🎉 CSS module imports

And more!

https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/147
Firefox 147 release notes for developers (Beta) - Mozilla | MDN
This article provides information about the changes in Firefox 147 that affect developers. Firefox 147 is the current Beta version of Firefox and ships on January 13, 2026.
developer.mozilla.org
January 13, 2026 at 2:03 PM
devongovett.me
Looks like the React Conf talks are up! Here's mine where I attempted to explain how React Server Components actually work in ~10 minutes. 😅 www.youtube.com/watch?v=E6A2...
How Parcel Bundles React Server Components
YouTube video by React Conf
www.youtube.com
January 7, 2026 at 7:04 PM
devongovett.me
Facebook's Static Hermes is kind of incredible. It can compile JavaScript into C, which is then optimized into native machine code.

I just compiled the Less.js source code into a C library. Then I called it from Rust as a native Parcel plugin (no Node). Wild. 👨‍🔬

devongovett.me/blog/static-...
How to compile JavaScript to C with Static Hermes
Lately, I've been working on porting more of Parcel to Rust, and investigating ways to embed JS-based plugins. This post describes how I used Static Hermes to compile Less.js to a native C library tha...
devongovett.me
December 29, 2025 at 10:30 PM
devongovett.me
Introducing the new React Aria docs! 🎉

All-new content and search experience. Interactive CSS and Tailwind examples to get you started quickly – just install with shadcn. New guides and full example apps. MCP server and AI integrations.

Check it out! react-aria.adobe.com
December 16, 2025 at 10:04 PM
devongovett.me
Vanilla CSS and Tailwind 🎨
Screenshot of Vanilla CSS components in light mode with a purple accent color including TextField, DatePicker, Select, Tags, Radios, Slider, Table, Menu, and more. Screenshot of Tailwind components in light mode with a blue accent color including TextField, DatePicker, Select, Tags, Radios, Slider, Table, Menu, and more.
December 11, 2025 at 10:03 PM
devongovett.me
Examples
Example cards including Emoji Picker, Filterable CRUD Table, Gesture Driven Sheet, iOS List View, Kanban Board, Photo Library, Ripple Button, and Swipeable Tabs.
December 10, 2025 at 6:48 PM
devongovett.me
Components 🤤
Screenshot showing component card illustrations with pretty gradients for several components.
December 9, 2025 at 7:17 PM
devongovett.me
Interesting: GitHub is removing all toasts from their UI due to usability and accessibility issues. I agree they tend to be overused, probably because they’re so easy to implement. There are often better patterns like inline confirmation/errors.

primer.style/accessibilit...
Toasts
GitHub no longer uses toasts because of their accessibility and usability issues.
primer.style
November 15, 2025 at 10:52 PM
devongovett.me
In the next release of React Aria, tab panels support entry and exit animations (e.g. cross fade), as well as smooth height transitions. 🎉
October 23, 2025 at 5:14 PM