https://github.com/chemitaxis/react-mobx-definitive-boilerplate
React + Mobx + React Router 4 + Code Splitting + WebPack 2
https://github.com/chemitaxis/react-mobx-definitive-boilerplate
code-splitting mobx react react-router-v4 webpack
Last synced: 7 months ago
JSON representation
React + Mobx + React Router 4 + Code Splitting + WebPack 2
- Host: GitHub
- URL: https://github.com/chemitaxis/react-mobx-definitive-boilerplate
- Owner: chemitaxis
- License: other
- Created: 2017-04-11T13:01:58.000Z (about 9 years ago)
- Default Branch: master
- Last Pushed: 2017-04-11T13:54:26.000Z (about 9 years ago)
- Last Synced: 2024-10-19T10:05:18.624Z (over 1 year ago)
- Topics: code-splitting, mobx, react, react-router-v4, webpack
- Language: JavaScript
- Size: 30.3 KB
- Stars: 6
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE.md
Awesome Lists containing this project
README
# react-mobx-definitive-boilerplate
React + Mobx + React Router 4 + Code Splitting + WebPack 2
This project is the definitive boilerplate for people who want to use:
- React
- Mobx (or other state managment)
- React Router 4 last version
- Code Splitting for pages (vendors and commons)
- Webpack for development & real production
Capture of development Webpack Dasboard:
Capture of real Code Splitting:
For dev environments...
```sh
$ npm start
```
For production environments...
```sh
$ npm run build
```
Important:
- Code splitting is the best way to optimice your load application.
- We are using here Bundle Loader (https://github.com/webpack-contrib/bundle-loader)
- You can find more information about Code Splitting in React Router 4 Docs. (https://reacttraining.com/react-router/web/guides/code-splitting)
- We have created a Proxy to API Backend, the concept is similar to create-react-app (https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#proxying-api-requests-in-development), you can find it in /bin/server.js
**Authors**:
[@chemitaxis](https://github.com/chemitaxis/)
[@alexvcasillas](https://github.com/alexvcasillas)
More documentation soon!