cloudfroster / React Workflow

React-workflow

Why

  Large SPA application is hard to design, because a lot of things need to consider
  The boilerplate had solved the difficulty for you:
  
  > ES6
  > Modular
  > Component
  > Dynamic routing
  > Base64 encoding
  > File hash cache
  > incremental load
  > Compression combined
  > Time traveling debugger
  > Unidirectional data flow
  > ...

What

React-workflow is a large SPA boilerplate for web development built on top of Facebook's React library,use redux architecture, react-router Node.js / Express server. Containing modern web development tools such as Webpack, Babel and BrowserSync, nodemon and gh-pages to deploy your site to git branch. Helping you make site faster and modern. For beginner and professional developer provide the starting point of a professional high-level react boilerplate. This is not a isomorphic application (′⌒`).

Getting Started

Just clone the repo and run :

Note: your node version need >= 5.0.0

$ npm install
...
$ npm start

Other Commands

$ npm run lint      (lint your js files)
$ npm run start     (start develop model)
$ npm run publish   (copy file and publish your site to git `gh-pages` branch)
$ npm run deploy    (clean bundle server and deploy your application)
...

Directory Layout

.
├── /node_modules/               # 3rd-party libraries and utilities
├── /build/                      # build files
├── /client/                     # The source code of the application for client
├── /server/                     # The source code of express server
├── /tasks/                      # Build automation scripts and utilities
│   ├── /bundle.js               # Bundles the web resources into package(s) through Webpack
│   ├── /clean.js                # Cleans up the output (build) folder
│   ├── /webpack.config.js       # Webpack configuration for application bundles
│   ├── /server.js               # Launches the Node.js/Express web server
│   └── /deploy.js               # bundle and deploy build files to git branch
│   └── /publish.js              # deploy build files to git branch
│   └── /browserSync.js          # browserSync tools and webpack middleware
│   └── /start.js                # Launches the development web server with "live reload"
│── package.json                 # The list of 3rd party libraries and utilities
└── processes.json               # production settings for PM2

Learn More

• React.js Questions on StackOverflow
• React.js Discussion Board
• Getting Started with React.js
• Flux Architecture for Building User Interfaces
• Flow - A static type checker for JavaScript
• The Future of React
• Learn ES6
• ES6 Features
• Css Modules

Make Better

• if you find bug or have new feature requirements, please let me know
• welcome PR

Support

• Email:844033231[email protected]

License

Copyright © 2014-2015 marchen. This source code is licensed under the MIT license found in the LICENSE.txt file. The documentation to the project is licensed under the CC BY-SA 4.0 license.