MobX: State Management made easy

STATE MANAGEMENT

EASYMade

Paulo PiresSoftware Engineer

Belo Horizonte - Brazil

DOM era

DIFICIL

State

É DIFICIL

☁

🗄

💻 💾

state

UI

cloud servicedatabase

Por que state management é dificil? 🤔

ReduxSimple and Elegant Concept

NOVAS coisas para APRENDER

Reducers

Reducers

ImmutableNOVAS coisas para APRENDER

Reducers

Immutable

ConnectNOVAS coisas para APRENDER

Reducers

Immutable

Connect

Smart and Dumb Components

NOVAS coisas para APRENDER

Reducers

Immutable

Connect

Smart and Dumb Components

Thunks and Sagas

NOVAS coisas para APRENDER

Redux Nos EnsinaCoisas Novas

MobX

MobX

💡A Ideia 📜Conceitos

💻Simplicidade ⚡Velocidade 🗻Escalonável

State deve ser minimamente definido

💡

State deve ser minimamente definido

Sem Cache

💡

State deve ser minimamente definido

Sem Cache

💡

Sem Duplicação de Dados

State deve ser minimamente definido

Sem Cache

💡

Sem Duplicação de Dados Sem Mudanças em Cascata

TUDO DEVE SER derivado

💡

MobX: State

📜

📜MobX: State

📜MobX: State

MobX: Derivations

📜

MobX: DerivationsCOMPUTED

📜

📜MobX: Derivations

📜MobX: Derivations

MobX: DerivationsREACTIONS

📜

📜MobX: DerivationsREACTIONS

MobX: Actions

📜

📜MobX: Actions

📜MobX: Actions

Simplicidade💻

@observableenables MobX to observe your data

💻

@observerMobX check if this component is

consistent with state

💻

@computedMobX ensures that this value is

consistent with state

💻

Velocidade⚡

⚡

Escalabilidade🗻

Estado MinimoCódigo Simples

Third Party Friendly

🗻