React Component Isolate

All-in-one development, documentation, testing environment for React components

Getting started

npm install -g react-isolate

There are 2 ways to configure the runner. From the command-line or with a config file

$ react-isolate --componentsPath=demo/components --fixturesPath=demo/fixtures

Create a file in your project root directory named isolate.config.js and export the needed variables

module.exports = {
    fixturesPath: 'demo/fixtures',
    componentsPath: 'demo/components'
};

If components have their own folder I suggest having the fixture for that in the same manner

/components
    /MyList
        MyList.js
/fixtures
    /MyList
        simple.js
        alternative.js

The system will pick up and match if the component is in a top-level folder but the fixture need to have a folder with the same name

/components
    /MyList.js
    /Menu.js
/fixtures
    /MyList
        simple.js
        alternative.js
    /Menu
        vertical.js