Universal Website kit for Frack

Features

• Webpack 2 for development and deployment.
• PostCSS for advanced CSS+ features (think of Sass).
• CSS modules for component isolation.
• Redux Ducks pattern for a compact and easy to use Redux application structure.
• Jest as a very capable test runner.
• Storybook as a component demo browser with automatic snapshots for regression testing.
• Styleguidist for displaying a style guide for basic components.
• Lazy loading of routes based on React Router 4.

NPM Commands

npm run start

Starts a development server for both the client and server bundles. We use react-hot-loader v3 to power the hot reloading of the client bundle, whilst a filesystem watch is implemented to reload the server bundle when any changes have occurred.

npm run prod

Builds the client and server bundles, with the output being production optimized.

npm run prod:start

Executes the server. It expects you to have already built the bundles either via the npm run build command or manually.

npm run clean

Deletes any build output that would have originated from the other commands.

npm run storybook

Starts the Storybook demo browser.