Toolkit with accessible components, styles, and examples for your next web app

Ariakit retweeted
Do you want to contribute to @reakitjs? 😊 Help us writing Storybook stories that will also serve as fixtures for writing tests and, in the future, live code examples on the website. github.com/reakit/reakit/iss…
3
10
36
Ariakit retweeted
I see some people struggling to pronounce "Reakit", so I've done some research. It's a short form of "React Toolkit". React Toolkit (/rɪˈækt tuːlkɪt/): ipa-reader.xyz/?text=r%C9%AA… Reakit (/rɪˈækɪt/): ipa-reader.xyz/?text=r%C9%AA… 🤖
1
1
9
In March, 2 backers joined (, +2) - you are the best! 🙌 We received $205 from 15 backers. Our current balance is $1,560. Top backers: @code_e_averett, @pmkhoa, @lxcid Thank you! 🙏 opencollective.com/reakit
I'm the first @reakitjs sponsor on GitHub 🥳 congrats to the work, @diegohaz.
1
8
Ariakit retweeted
Now @reakitjs also accepts donations via GitHub Sponsors! 💜
4
21
Ariakit retweeted
"Composite" has been merged into Reakit next and will be available as an *unstable* component in the next release! 🙌 👇 next.reakit.io/docs/composit… It's a very abstract module that we can use to build components that benefit from keyboard navigation: Grid, Listbox, Combobox etc.

ALT Testing a composite item with editable content inside. See the link on the tweet to learn more.

1
4
33
In February, 6 backers joined (@thethinkmill, @erikras, @theKashey, +3) - you are the best! 🙌 We received $195 from 17 backers. Our current balance is $1,387. Top backers: @code_e_averett, @pmkhoa, @lxcid Thank you! 🙏 opencollective.com/reakit
2
1
8
Hey @theKashey! Thank you so much for your $5 donation 🙏 - your contribution makes a difference! opencollective.com/reakit
3
Ariakit retweeted
I also chose to give my $5 #ReactConfAU gift card to @reakitjs. It has assisted me so much in the past couple of years building fannypack.style (as well as it's rewrite coming soon 🙈) which is used by @MedipassHQ in production.
I gave my $5 from @thinkmill's #reactconfau gift card to @reakitjs, the open source library I'm most thankful for in the recent months, allowing me to build @formnerd with accessibility out of the box, not as an afterthought Who will you donate to today? budgetforopensource.org
3
7
I gave my $5 from @thinkmill's #reactconfau gift card to @reakitjs, the open source library I'm most thankful for in the recent months, allowing me to build @formnerd with accessibility out of the box, not as an afterthought Who will you donate to today? budgetforopensource.org
1
7
24
Hey @erikras! Thank you so much for your $5 donation 🙏 - your contribution makes a difference! opencollective.com/reakit
2
Ariakit retweeted
Imagine something called "Reakit PRO": a website with detailed and interactive tutorials on how to build entire accessible apps and complex components, such as calendars, date pickers, rich text editors etc. Lifetime access and free updates. Would you pay for it?
26% $0
43% $1-$49
21% $50-$149
10% $150+
196 votes • Final results
5
3
18
Ariakit retweeted
The best feature of @reakitjs is that you’ll learn about WAI-ARIA organically by just reading console warnings. And we still have a long list of warnings to add.
1
23
Ariakit retweeted
Why explicit hook-based APIs: const toolbar = useToolbarState() <Toolbar {...toolbar}> <ToolbarItem {...toolbar} /> </Toolbar> are better than implicit context-based APIs: <Toolbar> // Provider <ToolbarItem /> // Consumer </Toolbar> (and why they’re not) A thread 👇
5
24
164
Ariakit retweeted
I've been working on a solution that abstracts keyboard navigation on composite components. This will make it really easy to create components like Listbox, Grid, Combobox etc. in an accessible way. This is based on the ARIA abstract role "composite": w3.org/TR/wai-aria-1.1/#comp…
3
10
49
Ariakit retweeted
If you're on Mac and click on the "Help" button at your Chrome menu bar, you'll see that the first menu item is actually an input. I was curious if I could replicate it with @reakitjs without changing anything in the library, and turns out that I can. 😆 codesandbox.io/s/reakit-menu…
2
4
15
Ariakit retweeted
Just added to the @reakitjs docs the experimental Id module that is being used for many other Reakit components for some time now: reakit.io/docs/id/
1
2
23
In January, one new backer joined. We received $180 from 14 backers. Our current balance is $1,223. Top backers: @code_e_averett, @pmkhoa, @lxcid Thank you! 🙏 opencollective.com/reakit
2
2
In December, one new backer joined. We received $175 from 13 backers. Our current balance is $1,071. Top backers: @code_e_averett, @pmkhoa, @lxcid Thank you! 🙏 opencollective.com/reakit
1
2
May 2020 be the year that front-end frameworks choose to catch up on digital #A11y (for the first time) rather than re-writing their JS code (for the hundredth time). #2020Goals
2
10
66