component-kit-builder

component-kit-builder

usage

If you structure your components like this:

path/to/component
 +- component.js // basic react component
 +- redux.js // redux component wrapper
 +- relay.js // realy component wrapper

You can use component-kit-builder to build a component kit around your component for easy export and usage of your component wrapper functions.

// any file processed by webpack
import componentKitBuilder from 'component-kit-builder';
kit = componentKitBuilder(require.context('path/to/component/directory'));

kit now has the following properties:

• component // component exported form component.js
• relay // relay wrapper exported from relay.js
• redux // reduc wrapper exported from redux.js
• relay_wrapped // component wrapped by relay wrapper
• redux_wrapped // component wrapped by redux wrapper
• complete // component wrapped by redux and relay

By default, modules whose pre-extension filename are relay and redux are considered wrappers and included in complete and create _wrapped properties on the kit. A custom list of wrappers for component can be defined in the wrappers export in index.js.