mridgway/flux-example

Polymorphic Flux example using Dispatchr and Fetchr

#flux-examples

Example isomorphic Flux applications using fluxible-app, 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
• Routing - Simple isomorphic routing in flux flow
• To Do - Port of ToDo MVC

Usage

npm install
cd <folder>
npm run build
npm start

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.

What's Next

We have a ton of ideas for where to go with this to eventually have a full suite of tools to create isomorphic Flux applications. We have some things in mind already, so see what we're up to by looking at our issues.

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.