Lightnews — Scholar-powered news

Devon Govett @devongovett.me · 18h

It's possible. We'll have an example in the new docs we're working on. stackblitz.com/edit/48ss6jk...

Project - StackBlitz

description

stackblitz.com

1 1

Devon Govett @devongovett.me · 19h

The current month is centered in the viewport, with an extra month + large placeholder on either side. As you swipe, the months update and the placeholder shrinks. When scrolling ends, the scroll position is re-centered. This avoids jumpiness when updating the scroll position while the user scrolls.

Diagram showing current month centered in the viewport, with a month plus a placeholder on each side.

15

Devon Govett @devongovett.me · 19h

Built a React Aria Calendar with swipe gestures to navigate between months! Uses CSS scroll snap for native 120fps animations, with a neat trick to enable infinite scrolling in both directions. 👇

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

2 2 36

Devon Govett @devongovett.me · 6d

Thanks! It animates too. 😉

3

Devon Govett @devongovett.me · 6d

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 17 130

Devon Govett @devongovett.me · 6d

Dark mode 🌒

2 35

Devon Govett @devongovett.me · 6d

the golden era imo

1 2

Devon Govett @devongovett.me · 6d

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 · 7d

Thanks!

1

Reposted by Devon Govett

Andrew Lisowski 💻 @hipstersmoothie.com · 11d

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 · 11d

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 · 12d

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 · 14d

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 · 17d

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 · 18d

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

Devon Govett @devongovett.me · 18d

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 · 18d

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 · 18d

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 · 19d

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 · 19d

No ViewTransition? 😢

1 6

Devon Govett @devongovett.me · 21d

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...