Home

Awesome

3REE

Circle CI

An example universal JS application written with the 3REE stack, React + Redux + RethinkDB + Express. A stack for building apps, front and back end, with just Javascript.

This project was initially conceived to experiment with using these technologies in conjunction with one-another. I have written a blog that relates to this codebase.

Screenshot

This project is useful for:

Main Features

Demo

There is a demo app hosted at 3ree-demo.workshape.io. Check it out. If it is down, please email tanc@workshape.io

Setup

You will need to install RethinkDB. You can find instruction on how to do so here. Make sure you have the latest version installed.

Running Dev Server

On Linux/OSX: npm start

On Windows: npm run start:win

This will start the Webpack dev server - for serving the client, as well as the server-side API.

Go to http://localhost:3001 in two separate tabs - see changes propagate in real time (Hot Module Replacement works too).

Running Production Server

You will need to roll out your own deployment script for a server, but before you can ship you will need to:

NOTE: Production has not been tested on Windows.

Tech Used

TechDescription
ReactView layer
React RouterUniversal routing
ReduxState management
RethinkDBPersistance layer
ExpressNode.js server framework
Socket.ioUsed for realtime communication between clients and server
WebpackModule bundling + build for client
SuperagentUniversal http requests
StylusExpressive, dynamic, robust CSS