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

By themcmurder

UtahJs 2016 - Redux

A small presentation planned for use at the 2016 UtahJs conference

  • 604