Hands-On Design Patterns with React Native

How Redux fits into Flux

The steps we performed to create a Counter app involved connecting Flux pieces. Let's look at the diagram we used:

First of all, we have Actions that are dispatched. Then the root Reducer function is run and each reducer determines whether the state needs to be changed or not. The root Reducer returns a new version of State and the state is passed to the View root. The connect function determines whether a particular view should be re-rendered.

Please note that the previous diagram follows the Flux architecture. The actual Redux implementation, as you could spot in the Counter example, is a little different. The dispatcher ...