cobbweb / isomorphic-react-example

An experiment in building isomorphic React apps with centralised immutable state

Isomorphic React Example

A basic example of using webpack to build isomorphic react modules

Goals

• Isomorphic
• Uni-directional data flow
• Reactive/realtime database everywhere (PouchDB/CouchDB)
• react-hot-loader for development
• Material UI
• Immutable centralised state (Atom concept, using Immutable-js)
• Route is state
• Test infrastructure
• Production config. Docker?

There's three different webpack configs: one for dev (with hot loading), and two for production. Production builds two packages, a CommonJS compatible package to be consumed by node (for server-side rendering), and an optimised packing for sending the the client.

A basic Todos app is being built to demonstrate usage. See src/app/Todos.

Usage

Development

$ npm run dev-server

This spins up the app server and webpack dev server

Production

$ npm run build // build webpack packages for node and client
$ npm run prod-server // boot up the prod server with React rendering