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:
- Go to solution folder (e.g.
cd facebook-flux,cd redux, etc.) - Run
npm installto install dependencies of a specific app - Run
npm startto build js resources with Browserify - Open
index.htmlin 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