Flux Comparison

This is a hands-on learning resource that shows you the same web application built multiple different ways. Specifically, it demonstrates how to structure an online shop using thirteen different "Flux" frameworks—a set of architectural patterns for managing how data flows through a web app.

The app itself is simple: you browse products, add them to a cart, and check out. But the interesting part is how each Flux implementation handles the invisible plumbing—the code that decides when to fetch data, update the cart, display the results, and send the purchase to the server. Different frameworks solve this problem in different ways, with tradeoffs in complexity, speed, and how easy they are to understand.

If you're building a web app with JavaScript and React, you've probably heard debates about which Flux library to use. This project cuts through the opinions by letting you see actual working code side by side. You can run the shop demo, watch how each implementation behaves the same way from the user's perspective, then study the source code to see how differently they're built underneath. It's the practical equivalent of "show me, don't tell me."

The README points to a live demo and a blog post with detailed notes on each approach, making it useful for developers deciding which framework fits their project best. It was created around 2014-2015 when the Flux ecosystem was rapidly evolving, and while some of these libraries are less common now, the comparison still shows fundamental patterns for managing application state that remain relevant today.