UtahJS 2016
Redux - Reducing UI to a single State
2016 Election
Who to vote for
Justin McMurdie
Software Engineer
What this talk is...
- Brief Overview of Redux
- What it is
- How it solves problems
- Examples
- Contrived and Real
What this talk is not...
- Everything you need to know about Redux
- The answer to life, the universe, and everything
- Absolute word of law
- Perfect
Overview
"Predictable state container for JavaScript apps." - Redux Docs
The Three Principles
- Single Source of Truth
- State is Read Only
- Changes are made with Pure Functions
Data Flow
Store
View
Reducers
Dispatch
Action
Single Source of Truth
Todos Example
State is Read Only
Sate.setTodo()
Mostly by convention
- object spread operator
- Middleware
Actions in Redux
Pure Functions
Changes via pure Reducer Functions
Sources and More
Fin
@JustinMcMurdie
UtahJS 2016 Redux - Reducing UI to a single State