akikoo / react-ui-style-guide

Living Style Guide with React, webpack, ES6 and Sass

Home Page:http://www.akikoo.org/log/2016/07/27/style-guide-driven-development-with-react/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

React UI Style Guide

Living Style Guide with React, webpack, ES6 and Sass.

Environment setup

  $ npm install

Development

Start the Webpack server (includes live reloading when you change files):

  $ npm start

Open http://localhost:3001 in a browser. ./src/main.js is the entry point.

Add new components to style guide

Define each component you want to include in your style guide components array in ./src/main.js, like so:

const components = [
  {
    component: require('./components/Card/Card'),
    name: 'Card',
    description: require('./components/Card/README.md'),
    props: {
      title: "Card title",
      text: "I am a very simple card."
    },
    modifiers: []
  }
];

Similar projects

About

Living Style Guide with React, webpack, ES6 and Sass

http://www.akikoo.org/log/2016/07/27/style-guide-driven-development-with-react/

License:MIT License


Languages

Language:JavaScript 75.5%Language:CSS 22.5%Language:HTML 2.0%