📝 Practical comparison of different Flux solutions
JavaScript HTML CSS
Permalink
Failed to load latest commit information.
alt have common libs in root package.json and specific deps in folders Oct 1, 2015
common remove unused file Feb 4, 2015
facebook-flux have common libs in root package.json and specific deps in folders Oct 1, 2015
flummox have common libs in root package.json and specific deps in folders Oct 1, 2015
fluxette have common libs in root package.json and specific deps in folders Oct 1, 2015
fluxury Single quotes! Mar 16, 2016
fluxxor have common libs in root package.json and specific deps in folders Oct 1, 2015
freezer-js add missed build folders on some examples Feb 9, 2016
lux Fixed issue where code was removed in #61. Updated lux dep to ^0.8.0 Nov 4, 2015
marty have common libs in root package.json and specific deps in folders Oct 1, 2015
material-flux have common libs in root package.json and specific deps in folders Oct 1, 2015
mcfly have common libs in root package.json and specific deps in folders Oct 1, 2015
nuclear-js have common libs in root package.json and specific deps in folders Oct 1, 2015
redux-flambeau add missed build folders on some examples Feb 9, 2016
redux fix lint errors Oct 18, 2015
reflux have common libs in root package.json and specific deps in folders Oct 1, 2015
yahoo-fluxible have common libs in root package.json and specific deps in folders Oct 1, 2015
.editorconfig initial, facebook flux Jan 24, 2015
.eslintignore Fix lint issues Sep 29, 2015
.eslintrc Fix ESLint React configuration Sep 29, 2015
.gitignore add missed build folders on some examples Feb 9, 2016
.jshintrc remove rule as warnings are shown on jsx Mar 12, 2015
CONTRIBUTING.md Fix lint issues Sep 29, 2015
README.md add shopping cart by vuex to readme May 27, 2016
package.json add eslint-react plugin to dev deps Oct 19, 2015

README.md

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:

  1. Go to solution folder (e.g. cd facebook-flux, cd redux, etc.)
  2. Run npm install to install dependencies of a specific app
  3. Run npm start to build js resources with Browserify
  4. 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.com/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

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

Articles

Non React.js examples

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

Contributing

See CONTRIBUTING.md.


MIT Licensed