Story Behind Storybooks.io

At Kadira, we are working on a new product that will simplify our reviewing process for UI code. This is the story about it.

React Storybook

We launched React Storybook a few weeks ago and everyone loves it. We were covered on Hacker News and Product Hunt, and we trended on GitHub. Most importantly, we were able to build a great community who will use and improve React Storybook.

Thank you, guys.

Over the last couple of weeks, we (with the community) have added a lot of new features and made it possible to use it with any React app.

GitHub Integration

Last week we also released another project, React CDK, which helps developers to start new open-source React components and utilities in a few minutes. For React CDK, we added a feature that publishes a storybook to GitHub Pages in a single command.

Then we thought it would be great if we could do something similar for React apps. And it would be awesome, if we could access the storybook right next to our GitHub pull requests. Then we could review any UI code without running demo apps.

That’s Storybooks.io

🤓: Sounds interesting. Could you give me some more information?

This is how it works.

For the moment, imagine you are the lead developer of your team.

Your developers are writing stories for your app using React Storybook. Let’s say that now you need to review a new UI-related feature. Usually you do so with a GitHub pull request (PR):

If you are using Storybooks.io, you can access the relevant storybook right inside the GitHub PR. Then you can open it and review it:

Your developers can implement those suggestions and you can review their changes with the updated storybook:

If everything looks great, you can merge the PR and it’s done:

With Storybooks.io, you don’t need to clone changes to the local machine and run a demo app to review it.

You can easily see UI changes online and review the app without leaving the browser.

🤓: This is cool. When we can have it?

Currently, we are building Storybooks.io, but you can start writing stories with React Storybook today. We will roll out Storybooks.io to registered users, starting slowly from late May.

Visit here to register early.

🤓: Is this free?

Yes and no. For public repos, this is free. (We love open source.) For private repos, you need to purchase a subscription. Have a look at our pricing page for more information.

🤓: I have a different question.

I am happy to answer any questions. Just ask here or have a look at our FAQ.

Follow KADIRA VOICE for more articles like this.