What is Redux (vs. MVC)

Presentation given to the local team at @MessageMedia

Transcript

1. What is Redux? (vs. MVC) Wri$en by Callum Silcock (csi-lk) for MessageMedia
2. Analogies • Ac$ons = Controller • Whenever you want something to happen dispatch an ac$on • Just like when you would call the controller • Reducer = Model (kind of) • Reducers hold the current state of the applica$on • Also decides what to do when you call the ac$on • in MVC you might have a model with the method setName(),
3. Huh? One of the main differences between MVC and Redux is that, while in MVC data can flow in a bidirec<onal manner, in Redux it strictly moves in one direc<on.
6. The state • Like having a big set of data for the en3re applica3on • Javascript object • Cannot be modified directly (read only and immutable) • Changes are made with actions • Predictable changes • Logged • Obvious
7. Let’s start Live code example within our applica4on • Define ac)on • Define reducer • Add ac)on as prop in component • Wire it up in the view
8. Redux dev tools • Show ac)ons within applica)on
9. Log rocket • Really cool
10. Resources • Thinking in Redux when all you've known is MVC • Ge:ng started with redux • React applica?ons with idoma?c redux