mderrick / webpack-react-boilerplate

An isomorphic React Webpack boilerplate with codesplitting - WIP

Webpack Isomorphic React Boilerplate

An isomorphic React boilerplate using Flux architecture with Yahoo's Fluxible. Built with Webpack for code splitting and routing with react-router.

Also uses:

• Express
• Gulp
• Superagent
• react-proxy-loader

NOTE This is just a sandbox proof of concept for personal reference. I wouldn't take anything here seriously.

Quick start

• npm install
• bower install
• npm install gulp -g
• gulp serve

Options

• --watch - watches for filechanges. Rebuilds webpack and refreshes browser.
• --release - Runs the release build by minifying etc.
• --env=<ENV> - Loads in the settings from file env/<ENV>.js

TODO

• Expose statics.loadAction from the code split proxied view without duplicating in proxied view.
• Stylesheets for routes (Right now including all CSS in one stylsheet but we need to only include CSS for the HTML that is rendered). Further CSS at a code split should be returned within the JS chunk. See here for help maybe.
• Look into a more reliable way to overide plugins and loaders array items without relying on position.
• Livereload change event to include changed filename.
• Namespace CSS correctly.
• Break down views into subviews.
• Unit tests.
• Build a full application.
• Style loading view for requesting JS and for API requests.