Lightnews — Scholar-powered news

Devon Govett @devongovett.me · 2d

Thanks! It animates too. 😉

Devon Govett @devongovett.me · 2d

All of the colors are calculated based on a single CSS variable using relative oklch, so you can change the theme with just one line.

--tint: green;

Modern CSS is amazing! 😲

Screenshot of all the components with various color themes: indigo, blue, green, pink, red, and orange.

2 16 120

Devon Govett @devongovett.me · 2d

Dark mode 🌒

2 33

Devon Govett @devongovett.me · 2d

the golden era imo

1 2

Devon Govett @devongovett.me · 2d

Having a blast re-designing all the React Aria examples this week. Flat design is so over – bring back depth! 😃

Screenshot of various UI elements including textfield, date picker, select, tags, radios, slider, switch, checkbox, buttons, progress bar, table, number field, combobox, and menu.

8 7 140

Devon Govett @devongovett.me · 3d

Thanks!

1

Reposted by Devon Govett

Andrew Lisowski 💻 @hipstersmoothie.com · 7d

Almost done moving my day job’s design system fully over from Radix to react-aria 🔥🔥🔥

Huge improvement imo. And all without a single API change

2 2 26

Devon Govett @devongovett.me · 7d

In case you missed it, here’s the recording of my talk! www.youtube.com/live/p9OcztR...

React Conf 2025 Day 2

YouTube video by React Conf

www.youtube.com

1 6

Devon Govett @devongovett.me · 8d

If you’re curious how React Server Components integrate with a bundler, how “use client” actually works, and how RSCs can even benefit client rendered apps, tune into my talk at React Conf at 2:30 PST today!

2 2 27

Devon Govett @devongovett.me · 10d

What a nice view to wake up to for React Conf!

View overlooking a lake with palm trees in the foreground.

22

Devon Govett @devongovett.me · 13d

Yes. We're still planning a TagField, which would allow "inline" editing of the tags (like the gmail "To" field). But you can get pretty close with Select + TagGroup + Autocomplete example I showed.

2

Devon Govett @devongovett.me · 14d

Yes! bsky.app/profile/devo...

Devon Govett @devongovett.me · 14d

Here's the demo shown in the video combining a Select with a TagGroup. You can add a TagGroup within a SelectValue and access the selected items via the render prop function. It also uses Autocomplete to allow filtering. Composition ftw! 😀

stackblitz.com/edit/rac-sel...

<Select>
<Label />
<SelectValue>
<TagGroup />
</SelectValue>
<Button />
<Popover>
<Autocomplete>
<SearchField />
<ListBox />
</Autocomplete>
</Popover>
</Select>

1

Devon Govett @devongovett.me · 14d

Here's the demo shown in the video combining a Select with a TagGroup. You can add a TagGroup within a SelectValue and access the selected items via the render prop function. It also uses Autocomplete to allow filtering. Composition ftw! 😀

stackblitz.com/edit/rac-sel...

2 4

Devon Govett @devongovett.me · 14d

Big React Aria release! 🚀

🥳 Multi Select!
🎬 ComboBox onAction prop, e.g. "create" item
➡️ Disclosure animation
✅ New SelectionIndicator component – animations in Tabs, ToggleButtonGroup, etc.
📱 Improved modal behavior in iOS 26
📆 Calendar selectionAlignment

react-spectrum.adobe.com/releases/202...

7 6 78

Devon Govett @devongovett.me · 15d

Cool. I've been testing it with some React Aria demos I'm working on. Very excited about it.

1 3

Devon Govett @devongovett.me · 15d

No ViewTransition? 😢

1 6

Devon Govett @devongovett.me · 17d

Pretty amazing that we can now implement swipeable Tabs with native CSS. Updating the React Aria demo I made a few years ago to use native scroll snapping, scroll timeline, and anchor positioning instead of Framer Motion. Feels smooooooth! 🎉

stackblitz.com/edit/rac-swi...