mobx: state management made easy
TRANSCRIPT
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
🗻