All things
Ariakit now features tag pages where you can discover all content related to specific topics such as Combobox, Form controls, Dropdowns, Concurrent React, and more.
Dear readers,
Have you ever felt overwhelmed while working on a specific component or page in your web app, constantly switching between numerous documentation pages?
Ariakit might have several related pages that are scattered. For example, we have separate Component, Examples, and Reference pages for the Combobox module alone. Some examples aren't even included in the Combobox section as they're part of different components, such as Menu with Combobox or Select with Combobox. Finding exactly what you need can be a challenge.
To assist with this, Ariakit now features tag pages. If you're working with Combobox, you can access all related Combobox content from a single page: All things Combobox.
Working with Framer Motion? Discover all related content on the All things Framer Motion page.
Dealing with form controls? All things Form controls has you covered.
You'll find more tags at the top of each content page. If you notice any potentially useful ones missing, don't hesitate to suggest them by replying to this email or opening an issue.
Code block links
The Ariakit docs now include links to API reference pages within code blocks. If you're browsing the code examples on the site and want to explore a specific API further, simply click on the function, component, or property name to go to the API reference page.
RFC: Component providers
Ariakit has a new Request for Comments (RFC) for component providers. The proposal aims to simplify the use of component stores by abstracting them into higher-level provider components. This approach eliminates the need to explicitly instantiate component stores and pass them as props to components, without introducing any breaking changes.
If you believe this feature could assist in improving your code, we welcome your feedback on the RFC issue.
More Ariakit
New guide: Coding guidelines
TypeScript type vs. interface, forwardRef, displayName, and more
New example: Menu with Tooltip
With an abstracted API similar to the component providers RFC
New example: Combobox filtering
Using React.startTransition
Improved examples:
Improved docs:
New releases:
More Dev
Here are the class names for copy and paste