loringdodge/flux-examples

Isomorphic Flux examples with Fluxible

#flux-examples

Example isomorphic Flux applications using Fluxible, fluxible-plugin-routr, and fluxible-plugin-fetchr.

The server-side rendered React components and store instances get dehydrated and sent to the client using express-state. The client.js (compiled by webpack) then bootstraps and rehydrates the dispatcher instance and the stores to same state as what they were on the server.

There are multiple examples in this repo:

• Chat - Port of Facebook's Flux chat example.
• Fluxible Routing - Simple isomorphic routing using Fluxible.
• React Routing - Isomorphic routing using react-router.
• To Do - Port of ToDo MVC.

Alternatively, for a fully featured application you can check out the fluxible.io docs website repository for more integration examples:

• https://github.com/yahoo/fluxible.io

Usage

npm install
cd <folder>
npm run dev

Open http://localhost:3000

For more information on what's going on, you can use DEBUG=* node to see full debug output on the server.

License

Unless otherwise specified, this software is free to use under the Yahoo! Inc. BSD license. See the LICENSE file for license text and copyright information.