https://github.com/rickwong/react-isomorphic-starterkit

Create an isomorphic React app in less than 5 minutes
https://github.com/rickwong/react-isomorphic-starterkit

babel best-practices isomorphic javascript nodejs react universal webpack wonderful

Last synced: about 6 hours ago
JSON representation

Create an isomorphic React app in less than 5 minutes

• Host: GitHub
• URL: https://github.com/rickwong/react-isomorphic-starterkit
• Owner: RickWong
• License: bsd-3-clause
• Archived: true
• Created: 2015-02-26T23:35:40.000Z (almost 10 years ago)
• Default Branch: master
• Last Pushed: 2017-11-03T11:44:42.000Z (about 7 years ago)
• Last Synced: 2024-10-09T21:39:02.391Z (3 months ago)
• Topics: babel, best-practices, isomorphic, javascript, nodejs, react, universal, webpack, wonderful
• Language: JavaScript
• Homepage:
• Size: 180 KB
• Stars: 2,317
• Watchers: 74
• Forks: 189
• Open Issues: 19
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
![screenshot](https://i.imgur.com/JgBEIMm.png?1)

# React Isomorphic Starterkit

Isomorphic starterkit with server-side React rendering using 

[npm](https://www.npmjs.com),

[koa](http://koajs.com),

[webpack](https://webpack.github.io/), 

[babel](http://babeljs.io),

[react](https://facebook.github.io/react),

[react-router](https://github.com/rackt/react-router), 

[react-transform-hmr](https://github.com/gaearon/react-transform-hmr), 

[react-transmit](https://github.com/RickWong/react-transmit),

[react-inline-css](https://github.com/RickWong/react-inline-css)

![version](https://img.shields.io/npm/v/react-isomorphic-starterkit.svg) ![license](https://img.shields.io/npm/l/react-isomorphic-starterkit.svg) [![Package Quality](http://npm.packagequality.com/shield/react-isomorphic-starterkit.svg)](http://packagequality.com/#?package=react-isomorphic-starterkit) ![installs](https://img.shields.io/npm/dt/react-isomorphic-starterkit.svg) ![downloads](https://img.shields.io/github/downloads/RickWong/react-isomorphic-starterkit/latest/total.svg)

## Features

- Fully automated toolchain with npm run scripts

- React 0.14 + React Router 2.0 on the client and server

- Babel 6 automatically compiles ES2015 + ES7 stage-0

- Webpack HMR for instant server updates

- React Transform HMR for instant client updates

- React Transmit to preload on server and hydrate client

- InlineCss-component for styling components

It just works out-of-the-box.

## Installation

Development

```bash

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

cd react-isomorphic-starterkit

	

npm install

npm run watch     # Yes, ONE command for both server AND client development!

```

Production

```bash

npm run build

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](https://twitter.com/rygu)

on Twitter.

## License

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