/isomorphic-boilerplate

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

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 with npm run scripts
  • Server hot reloads with piping and Hapi.js
  • Webpack for watch + production builds
  • React.js + Router on the client and server
  • React Hot Loader for instant client updates
  • Babel.js automatically compiles ES6 + ES7
  • React Transmit to preload on server to client
  • InlineCss-component for styling components
  • Accessibility hints from react-a11y

It just works out-of-the-box.

Installation

	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 build and run
	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.