Flux Comparison by Example

Similar app implemented with different Flux solutions including Facebook's, Yahoo's and others.

Usage

Clone this repo and run npm install inside it.

Before checking any of the included solutions you will need to:

0. Go to solution folder (e.g. cd facebook-flux, cd redux, etc.)
1. Run npm install to install dependencies of a specific app
2. Run npm start to build js resources with Browserify
3. Open index.html in the browser

Demo

Select several products from Flux Online Shop and add them to cart. Open browser console and click Checkout button, you'll see payload with products that you just "bought".

http://labs.voronianski.dev/flux-comparison

You may find few notes about all implementations on my blog.

Discussion on HackerNews - https://news.ycombinator.com/item?id=8989495.

Examples

The list of Flux related implementations used in this demo.

Ready

• Facebook Flux
• Fluxible by Yahoo
• Reflux
• Alt
• Flummox
• Marty.js
• McFly
• Lux
• Material Flux
• Redux
• Redux + Flambeau
• Nuclear.js
• Fluxette
• Fluxxor
• Freezer
• Fluxury

Next

You're welcome to create issues with suggestions or even make your own pull-requests (but before please take a look on contributing guidelines).

Resources

Libraries

• https://github.com/facebook/flux
• http://fluxible.io
• https://github.com/spoike/refluxjs
• https://github.com/goatslacker/alt
• https://github.com/kenwheeler/mcfly
• https://github.com/acdlite/flummox
• https://github.com/LeanKit-Labs/lux.js
• https://github.com/azu/material-flux
• http://martyjs.org
• https://github.com/gaearon/redux
• https://github.com/BurntCaramel/flambeau
• https://optimizely.github.io/nuclear-js
• https://github.com/edge/fluxette
• https://github.com/BinaryMuse/fluxxor
• https://github.com/arqex/freezer
• https://github.com/FunctionFoundry/fluxury

Articles

• http://facebook.github.io/react/blog/2014/07/30/flux-actions-and-the-dispatcher.html
• http://www.code-experience.com/async-requests-with-react-js-and-flux-revisited
• http://spoike.ghost.io/deconstructing-reactjss-flux
• https://medium.com/@dan_abramov/the-evolution-of-flux-frameworks-6c16ad26bb31

Non React.js examples

The flux demo app was also implemented by enthusiasts without React.js but with another view layer:

• Riot + RiotControl
• flux-riot demo
• idom-redux-todomvc-app (incremental-dom + redux)
• Polymer with Reflux
• Vuex
• @ngrx: Redux implemention for Angular

Contributing

See CONTRIBUTING.md.

MIT Licensed