Skip to content

Latest commit

 

History

History
98 lines (65 loc) · 4.04 KB

ROADMAP.md

File metadata and controls

98 lines (65 loc) · 4.04 KB

Roadmap

Table of contents

New features

Doing these will be backwards compatible.

Responsive + multi-device viewports preview.

If you're smart about it you can already view the preview on multiple devices and windows. It's just an iframe after-all. But story selection and addon-settings are not synced. We want to make this much much simpler and really are core feature of storybook.

Automatic story detection

Some tools are doing automatic file detection, jest for example. We think such a feature is highly needed. A lot of users are already hacking this themselves using webpack specific features.

Theme ability and override core UI components

Storybook is often used inside product companies and agencies. We want to help them have a sense of quality and immersion. We're interested in full customizability of our UI, though addons and options.

Add a playground addon

Many other styleguide-type projects have what's called a playground, where developers can change the code rendering the component inside the app. Storybook has of course a very tight connection with your editor, and it has a knobs addon. But we still see value in an addon that will allow the workflow of a playground.

See multiple (or all) stories in 1 preview.

Storybook's philosophy is about describing small bits in a variety of states. However some components are best understood when viewed in multiple varieties in 1 view. It's quite common to see users write a single story, with a wrapper components and multiple instances of the component the story is about. We plan to add a second mode to storybook that will allow you to see all stories in 1 preview. That way you can write your stories how they are best, and preview them how you like.

Supporting other frameworks and libraries

We believe in the power of react, and think it's the right choice for a lot of projects. But it's up to you and your team to decide your stack. Unfortunately if you choose anything other then React or React-Native you can not use storybook.

We want you to be able to use storybook with the framework / library of your choice.

Polymer & Webcomponents

Storybook for Polymer is currently in development, and will support custom elements and plain HTML.

Aurelia

We're reaching out to the Aurelia maintainers to cooperate on this.

Ember

We're reaching out to the Ember maintainers to cooperate on this.

Breaking changes

Addon API

Our addon api is limited and will eventually have to be improved to accommodate better more optimized and modern addons.

API for adding stories

Currently it's getting hard to setup a story that has data / options for multiple addons. We want to support this, but will likely mean we will have to change the add method's API.

Documentation

Better design

We have a new logo, so next step is a overhaul of our documentation site.

Record videos and write blog post on how to use, tweak & develop storybook

  • writing addons,
  • choosing the right addons.
  • how to start developing on our codebase.
  • how to use storybook itself and the CLI.