tl;dr Percy now has instant integration with Storybook! If you’re already using Storybook, jump in now and get automated UI tests on every commit.

Storybook makes React development easier

When you’re building web apps with React, you’ll quickly find yourself with a whole catalogue of components, from buttons and navigation bars, to entire screens of carefully placed UI widgets. React encourages composition and reusability by design. But even so, it can be daunting to create components that “just work” with every set of props you might throw at them. It can also be difficult and time-consuming to review individual components within the application environment itself.

Storybook solves this problem by letting you preview and develop your components in isolation from the rest of your app. You can show any number of states or “stories” for your component, such as “normal”, “active”, and “disabled” states for a button, and effortlessly switch between them in Storybook. As you continue building your app, Storybook makes it easy to share a living, interactive view of your components with your team.

Storybooks are also a great way of demonstrating and documenting component libraries: for example, Airbnb has published a Storybook showcasing their React-Dates component library.