Ariakit

Share this post

All things

newsletter.ariakit.org

Discover more from Ariakit

Receive monthly updates about Ariakit directly in your inbox.
Over 1,000 subscribers
Continue reading
Sign in

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.

Haz
Aug 14, 2023
2
Share this post

All things

newsletter.ariakit.org
Share

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:

    Combobox with links

    Multi-selectable Combobox

    Animated Combobox

    ComboboxCancel

    ComboboxDisclosure

    ComboboxGroup

  • Improved docs:

    Getting started

    Button

    Checkbox

    Focusable

  • New releases:

    v0.2.13 → v0.2.16

More Dev

  • URL pagination: use links, not buttons

  • Nice Tailwind <kbd> styles

    Here are the class names for copy and paste

2
Share this post

All things

newsletter.ariakit.org
Share
Comments
Top
New
Community

No posts

Ready for more?

© 2023 Haz
Privacy ∙ Terms ∙ Collection notice
Start WritingGet the app
Substack is the home for great writing