ryandury / react-isomorphic-starterkit

Create an isomorphic React app in less than 5 minutes!

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

screenshot

React Isomorphic Starterkit

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

Features

  • Fully automated toolchain with npm run scripts
  • Hot reloading web server with piping and Hapi.js
  • Webpack for watching and production builds
  • React.js + React Router on the client and server
  • React Hot Loader for instant client updates
  • Babel.js automatically compiles ES2015 + ES7
  • React Transmit to preload on server and hydrate client
  • InlineCss-component for styling components

It just works out-of-the-box.

Installation

Development

git clone https://github.com/RickWong/react-isomorphic-starterkit.git
cd react-isomorphic-starterkit
	
npm install
npm run watch     # Yes, ONE command for server AND client development!

Production

NODE_ENV=production npm run build
NODE_ENV=production npm run start  

Usage

Run npm run watch in your terminal and play with views/Main.js 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 @Rygu on Twitter.

License

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

About

Create an isomorphic React app in less than 5 minutes!

License:BSD 3-Clause "New" or "Revised" License


Languages

Language:JavaScript 100.0%