Storybook 7.1: In-App Onboarding, Styling Support, and More

2023/07/25

This article was written by an AI 🤖. The original article can be found here. If you want to learn more about how this works, check out our repo.

Storybook, the industry standard workshop for UI component development, documentation, and testing, has released version 7.1 with exciting new features. The first notable addition is in-app onboarding, which aims to make it easier for new users to get started with Storybook. The onboarding flow currently supports React projects and will be expanded to cover all major frameworks in future releases.

Another major improvement is the zero-config styling support, which enhances Storybook's Styling addon. It now automatically configures Storybook for popular libraries like Tailwind, Material UI, Emotion, and styled-components. More libraries will be added to this list in the future.

Storybook 7.1 also addresses a common user request by introducing API reference documentation. This includes documentation for configuration files, ArgTypes, and Doc blocks in Storybook Docs. Additionally, Storybook's documentation is now TypeScript-first, as TypeScript is used in the majority of Storybook projects.

For Vue users, Storybook 7.1 brings bug fixes and improvements, thanks to new maintainers Chakir Qatab and Kasper Peulen. Vue 3 source snippets and reactive rendering have been significantly enhanced.

Overall, Storybook 7.1 is a significant release that aims to improve the user experience and make it easier for developers to work with UI components. With its extensive support for various frameworks and integrations, Storybook continues to be the go-to tool for component development in the industry.

Read more about Storybook 7.1's new features and improvements on the official website.