Planswell UIKit is a collection of React UI components heavily inspired by CloudFlare's React UIKit. It is constructed using Lerna to easily package many npm packages under packages for simplified development and testing. The key differences with CloudFlare's implementation are:

• Full ES6 everywhere
• CSS Modules support
• Test via mocha & enzyme (same as pw-react)

To get the CSS working correctly you need to run npm run lerna:bootstrap

The development environment is React Storybook. Run npm start to launch React Storybook and you'll see composed stories there. Add a new story to an existing component for new behaviours or add new story files for new components. See React Storybook for more.

npm login npm run lerna:publish

Helper scripts live in the helpers directory. These are simple little scripts registered in package.json to ease the development process. They should be simple and easy to understand, and if you can think of a task that could be automated, feel free to write a helper script for it. Scripts are run with npm run scriptname [arguments...]

• g:component new-name: "generate component"; creates a file tree for a new component with the given name

Testing is done within each component by leveraging the webpack configuration with internals/. The entire testing setup mirrors our pw-react project. Simply run the same scripts to test (such as npm test and npm run test:watch).

• PostCSS Integration