/react-flux-starter

Create an isomorphic React app in less than 5 minutes!

Primary LanguageJavaScriptBSD 3-Clause "New" or "Revised" LicenseBSD-3-Clause

screenshot

React Isomorphic Starterkit

Isomorphic starterkit with server-side React rendering using node, npm, supervisor, webpack, webpack-dev-server, hapi.js, async, babel.js, react.js, react-router, react-hot-loader, react-inline-css

Features

  • Fully automated with npm run scripts
  • Supervisor with Hapi.js server
  • Webpack for watch and production builds
  • React.js + Router on the client and server
  • React Hot Loader for instant client updates
  • Babel.js automatically compiles ES6
  • Context-helper to preload on server to client
  • Style-component for quick in-component CSS
  • Shrinkwrapped npm dependencies

It just works out-of-the-box.

Installation

git clone https://github.com/RickWong/react-isomorphic-starterkit.git
cd react-isomorphic-starterkit

npm install -g supervisor webpack webpack-dev-server concurrently
npm install
npm run watch     # yes, one command for server and client development!

# production 
NODE_ENV=production npm run build  

Usage

Run npm run watch in your terminal and play with views/Main.jsx to get a feel of the server-side rendering and client-side hot updates.

Community

Let's start one together! After you ★Star this project, follow me @Rygu on Twitter.

License

BSD 3-Clause license. Copyright © 2015, Rick Wong. All rights reserved.