webpack-react-boilerplate
webpack-react-boilerplate copied to clipboard
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:
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 fileenv/<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.