Devon Govett
@devongovett
Followers
40K
Following
10K
Media
1K
Statuses
58K
Creator of @parceljs. Engineer @adobe working on React Aria and React Spectrum.
San Francisco
Joined August 2008
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://t.co/mv4zYyjBv5
75
413
3K
Wrote a quick overview of React Aria's interaction states for our new docs.
1
0
12
This is more than just four quarters. It’s every tailgate, every chant, every moment. It’s fuel that goes beyond the field. This is CELSIUS! LIVE. FIT. GO.
247
425
8K
React Aria does this by default! Our data-focus-visible state is like :focus-visible but truly only applies when using a keyboard (not when clicking an input or programmatically focusing).
7
6
200
Coming with the new docs very soon!
1
0
31
Deleted my tweet about the current state of react frameworks. I didn't mean to put negative energy into the world or to blame anyone. Just frustrated trying to write docs that cover all the options out there at the moment.
10
0
114
Documentation driven development is undefeated. Finding so many things to improve just by being forced to explain them. Also I keep getting side-tracked! 😅
3
4
130
Done with migrating basic components of shadcn to react-aria from radix. Now adding ai-elements components as well . Releasing it soon! #reactaria #shadcn
2
2
23
Imagine when the directive haters find out how typescript works 🤣
17
5
124
Today I’m excited to introduce a new @intentui release focused on developer experience. We’re moving from prop-driven forms to flexible composition. Build forms by composing the pieces you need, no special props required. New components: - Text - ButtonGroup - Input -
8
8
41
In the next release of React Aria, tab panels support entry and exit animations (e.g. cross fade), as well as smooth height transitions. 🎉
8
6
248
Always bet on RA 🚀
In the next release of React Aria, tab panels support entry and exit animations (e.g. cross fade), as well as smooth height transitions. 🎉
0
1
40
All just CSS transitions – no additional animation libraries needed! We give you data-entering and data-exiting states for each TabPanel, and a CSS variable for the height that you can transition.
2
0
38
In the next release of React Aria, tab panels support entry and exit animations (e.g. cross fade), as well as smooth height transitions. 🎉
8
6
248
Don't dismiss RSCs wholesale because Next.js App Router didn't fit your needs. They're actually a very flexible low level technology that I hope other frameworks build on.
@tannerlinsley For example nothing is stopping someone from putting server and client components in the same file if they wanted. That could be a Babel transform or whatever. It’s totally possible to avoid fetching on every navigation. RSCs are just components. Frameworks can do whatever they
8
7
132
Should we just make this a built-in component in React Aria?
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. 👇
17
6
222
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. 👇
11
14
482
CSS scroll snap is severely underutilized IMO. You can use it to implement tons of common gesture-driven UIs (especially when combined with scroll-timeline), and it's so much smoother than trying to re-create it in JS with touch events. Think swipeable tabs, image galleries,
0
1
46
Check out the implementation here! Sounds complicated but it's only ~100 lines. 🙂
stackblitz.com
description
2
2
65
The current month is centered in the viewport, with one extra month on either side, along with a placeholder div that takes up a large number of pages. As you swipe, the months update and the placeholder shrinks giving the illusion of infinite pages. When you stop scrolling, the
5
0
30