https://github.com/creeperyang/react-seed
Seed project for React.js apps. Stack: React, ES6+, Babel, Webpack and Sass.
https://github.com/creeperyang/react-seed
Last synced: about 1 year ago
JSON representation
Seed project for React.js apps. Stack: React, ES6+, Babel, Webpack and Sass.
- Host: GitHub
- URL: https://github.com/creeperyang/react-seed
- Owner: creeperyang
- Created: 2016-01-12T14:50:58.000Z (over 10 years ago)
- Default Branch: master
- Last Pushed: 2016-02-14T02:43:44.000Z (over 10 years ago)
- Last Synced: 2025-05-31T20:33:53.490Z (about 1 year ago)
- Language: JavaScript
- Size: 49.8 KB
- Stars: 2
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
# React Seed
> A [React.js](http://facebook.github.io/react/) seed project. Stack: ES6+, Babel6, React, React Router and [Webpack](http://webpack.github.io/).
### Features
✓ Next generation JavaScript with [Babel6.x](https://github.com/babel/babel)
✓ [Sass](http://sass-lang.com/) syntax for CSS via [postCSS](https://github.com/postcss/postcss)
✓ Development web server with `webpack-dev-server`. Soon will use `Koa` instead.
✓ Bundling and optimization with [Webpack](http://webpack.github.io/)
✓ Hot replace. Currently support live reload, and will support hot replacement soon.
### Directory Layout
```
.
├── /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
```
### Getting Started
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.
### How to Update
You can always fetch and merge the recent changes from this repo back into
your own project:
```shell
$ git checkout master
$ git fetch react-seed
$ git merge react-seed/master
$ npm install
```
### License
MIT