Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

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: 2 months 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 (over 9 years ago)
Default Branch: master
Last Pushed: 2017-11-03T11:44:42.000Z (over 6 years ago)
Last Synced: 2024-03-25T15:31:23.610Z (3 months ago)
Topics: babel, best-practices, isomorphic, javascript, nodejs, react, universal, webpack, wonderful
Language: JavaScript
Homepage:
Size: 180 KB
Stars: 2,319
Watchers: 74
Forks: 191
Open Issues: 19
Metadata Files:
- Readme: README.md
- License: LICENSE.md

Lists

awesome-projects-boilerplates - React Isomorphic Starterkit - side React rendering having many features (JavaScript)
awesome-stars - RickWong/react-isomorphic-starterkit - Create an isomorphic React app in less than 5 minutes (JavaScript)
awesome-stars - react-isomorphic-starterkit - Create an isomorphic React app in less than 5 minutes (JavaScript)
awesome-starter - React Isomorphic Starterkit - Create an isomorphic React app in less than 5 minutes! (React)
awesome-react-components - react-isomorphic-starterkit - Create an isomorphic React app in less than 5 minutes. (Code Design / Boilerplate)
awesome-react-components - react-isomorphic-starterkit - Create an isomorphic React app in less than 5 minutes. (Code Design / Boilerplate)
awesome-list - react-isomorphic-starterkit - Create an isomorphic React app in less than 5 minutes. (Code Design / Boilerplate)
awesome-react-components-all - react-isomorphic-starterkit - Create an isomorphic React app in less than 5 minutes. (Uncategorized / Uncategorized)
awesome-react-components - react-isomorphic-starterkit - Create an isomorphic React app in less than 5 minutes. (Code Design / Boilerplate)
awesome-stars - react-isomorphic-starterkit
awesome-react-components - react-isomorphic-starterkit - Create an isomorphic React app in less than 5 minutes. (Code Design / Boilerplate)
awesome-starred - RickWong/react-isomorphic-starterkit - Create an isomorphic React app in less than 5 minutes (webpack)

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.