Top Banner
Redux Giuseppe Santoro
17

Redux Club degli Sviluppatori

Apr 16, 2017

Download

Science

Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Redux Club degli Sviluppatori

ReduxGiuseppe Santoro

Page 2: Redux Club degli Sviluppatori
Page 3: Redux Club degli Sviluppatori
Page 4: Redux Club degli Sviluppatori

Redux is a predictable state container for JavaScript apps

Page 5: Redux Club degli Sviluppatori

What is a state?

Page 6: Redux Club degli Sviluppatori

What is a state?

Page 7: Redux Club degli Sviluppatori

What is a state?

Page 8: Redux Club degli Sviluppatori

Action: add a Task

Page 9: Redux Club degli Sviluppatori

New state

Page 10: Redux Club degli Sviluppatori

States

S1S2

S3

S5S4

A1 A2

A3A4

A5

A6

Page 11: Redux Club degli Sviluppatori

Motivation

Our code must manage more state than ever before

Page 12: Redux Club degli Sviluppatori

Three Principles

Single source of truth

Page 13: Redux Club degli Sviluppatori

Three Principles

Single source of truth

State is read-only

Page 14: Redux Club degli Sviluppatori

Three Principles

Single source of truth

State is read-only

Changes are made with pure functions

Page 15: Redux Club degli Sviluppatori

Functions that return the exact same output for given inputs

They should also be free of side-effects

Pure Function

Page 16: Redux Club degli Sviluppatori

Code Example

Page 17: Redux Club degli Sviluppatori

Demo