Hello!

1. Why Flux?

Flux is way to pass your data around in a simple unidirectional flow:

• an action is dispatched
• the store handle those actions (and its respective data)
• the store emits a change event
• your views responds for the change event and update themselves if needed

In a MVC (or two-way-binding) system:

• the Controller1 receives an action from View1 and do something
• then Controller1 triggers an event that Controller2 listen and change View2

Add a little complexity and things get out of hand really fast with events triggering changes that you don't know where it comes.

With Flux you can remove a lot of this complexity by having one source of true.

2. Why Redux vs vanilla flux?

Flux isn't a library, it's an idea (and a Dispatcher) so you have to create your own version. As you app grows you'll end up with a few different stores.

Ex: ComponentA needs UserStore, CommentStore, FavoriteStore and so on. A lot of listeners and unsubscribes. With plain Flux you'll have multiple flows, one for each store.

Redux came to help with this. It's a state container with a "single" store with multiple branches representing different parts (flux stores) of your app.

• an action is dispatched
• the reducer handle the action and feed it to the store
• the store emits a change event
• your views responds for the change event and update themselves if needed

It's a similar sequence but you don't need to worry about which store your components are subscribed or which actions you can dispatch.

--

I think this course it's a good introduction to Redux: egghead.io/courses/getting-started-with-redux - from the creator, Dan Abramov

Also, this is a good post about Flux: http://blog.andrewray.me/flux-for-stupid-people/

[s]

egghead.io/courses/getting-started-with-redux

From redux documentation a full 30 free lessons from Dan the author of Redux

I really like Wes Bos' video series on Redux: https://learnredux.com/

I'm not the best to explain why to use Redux over Flux or other implementations, but it seems to have been accepted by the React community and I find that it's pretty simple once you get the idea of how actions, dispatchers, and reducers work.

Just take a look to here hackr.io/tutorials/learn-redux here is many resources to provide best way to used flux by redux.

medium.com/codingthesmartway-com-blog/learn-redux… see this this guy actually explain the concept with great example and awesome briefing