REDUX

WHAT IS THIS FUSS ABOUT ?

STATE IS EVIL

PREDICTABLE STATE CONTAINER FOR REACT APPS

THE WHOLE STATE OF YOUR APP IS STORED IN AN OBJECT TREE INSIDE A SINGLE STORE

REFLUX ?

THREE CORE PRINCIPLES

SINGLE SOURCE OF TRUTH

STATE IS READ-ONLY - IMMUTABLE

CHANGES MADE WITH PURE FUNCTIONS - REDUCERS

ACTIONS

ACTION CREATORS

REDUCERS (OLDSTATE + ACTION -> NEWSTATE)

STORE

PRESENTATIONAL AND CONTAINER COMPONENTS

PRESENTATIONAL COMPONENTS

CONTAINER COMPONENTS

DEMO - TODOAPP