@rob_rich

The Flux Pattern:
MVC for Data

by Rob Richardson

  @rob_rich

https://robrich.org/

About Me

Rob Richardson

Rob Richardson is a software craftsman building web properties in ASP.NET and Node, React and Vue. He's a frequent speaker at conferences, user groups, and community events, and a diligent teacher and student of high quality software development. You can find this and other talks on https://robrich.org/presentations and follow him on twitter at @rob_rich.

The Flux Pattern:
MVC framework for Data

M.V.C. pattern

MVC pattern

Model - View - Controller pattern

Pattern Without MVC

Without MVC Pattern

MVC pattern

MVC pattern gives us choices

Layers of indirection add choices

Without MVC

Without MVC Pattern

Simpler strategy is fine

Redux Framework
Flux Pattern

Redux pattern

Redux pattern

Without Redux

Without Redux Store

"Prop Drilling"

source: https://hackernoon.com/restate-the-story-of-redux-tree-27d8c5d1040a

With Redux?

Redux passes data to all components

source: https://hackernoon.com/restate-the-story-of-redux-tree-27d8c5d1040a

Without Redux

Passing props between few components

source: https://hackernoon.com/restate-the-story-of-redux-tree-27d8c5d1040a

Redux is for
shared mutable state

-me ... right now

Redux: How it Works

Redux pattern

Redux pattern

DEMO: Starting Redux

DEMO: Redux Dev Tools

Time-travel debugging

DEMO: What can go wrong?