A React.js seed project. Stack: ES6+, Babel6, React, React Router and Webpack.
✓ Next generation JavaScript with Babel6.x
✓ Sass syntax for CSS via postCSS
✓ Development web server with webpack-dev-server
. Soon will use Koa
instead.
✓ Bundling and optimization with Webpack
✓ Hot replace. Currently support live reload, and will support hot replacement soon.
.
├── /build/ # The folder for compiled output
├── /node_modules/ # 3rd-party libraries and utilities
├── /app/ # React app, source files
│ ├── /components/ # Common react components
│ ├── /pages/ # React-router's Route component, like traditional pages
│ ├── /styles/ # Common styles(mixins, variables, and global styles)
│ ├── /images/ # Common images
│ ├── /app.js # Entry script
│ ├── /index.html # Index page (template)
│ └── /routes.js # Router
├── /tools/ # Build automation scripts and utilities
│── package.json # Dev dependencies and NPM scripts
└── readme.md # Project overview
Just clone the repo, install Node.js modules and run npm start
:
$ git clone -o react-seed -b master --single-branch \
https://github.com/creeperyang/react-seed.git MyApp
$ cd MyApp
$ npm install
$ npm start
Then will automatically open 0.0.0.0:3000
in your browser.
You can always fetch and merge the recent changes from this repo back into your own project:
$ git checkout master
$ git fetch react-seed
$ git merge react-seed/master
$ npm install
MIT