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 installbower installnpm install gulp -ggulp 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.loadActionfrom 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.