setup React Storybook; add example story for LoadingIndicator component
This commit is contained in:
		
							parent
							
								
									77efdfa110
								
							
						
					
					
						commit
						71e7537330
					
				
					 4 changed files with 29 additions and 4 deletions
				
			
		
							
								
								
									
										1
									
								
								.nvmrc
									
										
									
									
									
										Normal file
									
								
							
							
						
						
									
										1
									
								
								.nvmrc
									
										
									
									
									
										Normal file
									
								
							| 
						 | 
				
			
			@ -0,0 +1 @@
 | 
			
		|||
6.7.0
 | 
			
		||||
							
								
								
									
										12
									
								
								package.json
									
										
									
									
									
								
							
							
						
						
									
										12
									
								
								package.json
									
										
									
									
									
								
							| 
						 | 
				
			
			@ -1,6 +1,11 @@
 | 
			
		|||
{
 | 
			
		||||
  "name": "mastodon",
 | 
			
		||||
  "scripts": {
 | 
			
		||||
    "storybook": "start-storybook -p 9001 -c storybook"
 | 
			
		||||
  },
 | 
			
		||||
  "devDependencies": {
 | 
			
		||||
    "@kadira/storybook": "^2.24.0",
 | 
			
		||||
    "axios": "^0.14.0",
 | 
			
		||||
    "babel-plugin-react-transform": "^2.0.2",
 | 
			
		||||
    "babel-plugin-transform-object-rest-spread": "^6.8.0",
 | 
			
		||||
    "babel-preset-es2015": "^6.13.2",
 | 
			
		||||
| 
						 | 
				
			
			@ -8,17 +13,16 @@
 | 
			
		|||
    "babelify": "^7.3.0",
 | 
			
		||||
    "browserify": "^13.1.0",
 | 
			
		||||
    "browserify-incremental": "^3.1.1",
 | 
			
		||||
    "react": "^15.3.0",
 | 
			
		||||
    "react-dom": "^15.3.0",
 | 
			
		||||
    "react-proxy": "^1.1.8",
 | 
			
		||||
    "axios": "^0.14.0",
 | 
			
		||||
    "es6-promise": "^3.2.1",
 | 
			
		||||
    "immutable": "^3.8.1",
 | 
			
		||||
    "moment": "^2.14.1",
 | 
			
		||||
    "react": "^15.3.0",
 | 
			
		||||
    "react-addons-perf": "^15.3.2",
 | 
			
		||||
    "react-addons-pure-render-mixin": "^15.3.1",
 | 
			
		||||
    "react-dom": "^15.3.0",
 | 
			
		||||
    "react-immutable-proptypes": "^2.1.0",
 | 
			
		||||
    "react-notification": "^6.1.1",
 | 
			
		||||
    "react-proxy": "^1.1.8",
 | 
			
		||||
    "react-redux": "^5.0.0-beta.3",
 | 
			
		||||
    "react-redux-loading-bar": "^2.3.3",
 | 
			
		||||
    "react-router": "^2.8.0",
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
							
								
								
									
										14
									
								
								storybook/config.js
									
										
									
									
									
										Normal file
									
								
							
							
						
						
									
										14
									
								
								storybook/config.js
									
										
									
									
									
										Normal file
									
								
							| 
						 | 
				
			
			@ -0,0 +1,14 @@
 | 
			
		|||
import { configure } from '@kadira/storybook';
 | 
			
		||||
import React from 'react';
 | 
			
		||||
import { storiesOf, action } from '@kadira/storybook';
 | 
			
		||||
 | 
			
		||||
window.storiesOf = storiesOf;
 | 
			
		||||
window.action = action;
 | 
			
		||||
window.React = React;
 | 
			
		||||
 | 
			
		||||
function loadStories () {
 | 
			
		||||
  require('./stories/loading_indicator.story.jsx');
 | 
			
		||||
  // You can require as many stories as you need.
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
configure(loadStories, module);
 | 
			
		||||
							
								
								
									
										6
									
								
								storybook/stories/loading_indicator.story.jsx
									
										
									
									
									
										Normal file
									
								
							
							
						
						
									
										6
									
								
								storybook/stories/loading_indicator.story.jsx
									
										
									
									
									
										Normal file
									
								
							| 
						 | 
				
			
			@ -0,0 +1,6 @@
 | 
			
		|||
import LoadingIndicator from '../../app/assets/javascripts/components/components/loading_indicator.jsx'
 | 
			
		||||
 | 
			
		||||
storiesOf('LoadingIndicator', module)
 | 
			
		||||
  .add('default state', () => (
 | 
			
		||||
    <LoadingIndicator />
 | 
			
		||||
  ));
 | 
			
		||||
		Loading…
	
	Add table
		
		Reference in a new issue