React Storybook入門：コンポーネントカタログがさくさく作れちゃうかもしれないオシャレサンドボックス環境 ref: http://qiita.com/beijaflor/items/4fc01f8d557c1926c38d

button.js

import React from 'react';
import { storiesOf, action } from '@kadira/storybook';

storiesOf('Button', module)
  .add('with a text', () => (
    <button onClick={action('click')}>My First Button</button>
  ))
  .add('with no text', () => (
    <button></button>
  ));

config.js

import { configure } from '@kadira/storybook';
import 'css/style.css';

function loadStories() {
  require('../components/stories/button');
}

configure(loadStories, module);

file0.txt

git clone https://github.com/kadira-samples/react-storybook-demo
npm install
npm run storybook

file1.txt

npm i --save-dev @kadira/storybook
npm i --save-dev babel-core babel-loader babel-preset-es2015 babel-preset-react babel-preset-stage-2 react react-dom stack-source-map webpack webpack-hot-middleware

file5.txt

npm run storybook

package.json

{
  ...
  "scripts": {
    "storybook": "start-storybook -p 9001"
  }
  ...
}