intro to mobx - developermarch · intro to pavan podila @pavanpodila obx senior director,...
TRANSCRIPT
Intro to
Pavan Podila@pavanpodila
Senior Director, Technology
obX
Contributor
…to be published later this year
State Managementis
HARD
State Management
UI
Application State
Component State
State
Side Effect Model
produces Side Effects
Action
Action
ActionAction
change
Actionsobserves
actions
MobX
Hey! What is MobX?
observable.object()
observable.array()
observable.map()
observable()
observable.box()
computed()
Observables
observable.object()
observable.array()
observable.map()
observable()
observable.box()
computed()
Observables
Actions
action()
mutates
Reactions
action()
reaction()autorun()
when()
Side Effects
mutates
notifies
notifies
notifies
produces
observer()
mutate
notifies
Observables
Actions Reactions
mutates
fires
notifies
<Code demo={true} />
Observables
Actions Reactions
mutates
fires
notifies
mobx-state-tree
mobx
mobx-utils
mobx-react-devtools
mobx-react
Intro to
Pavan Podila@pavanpodila
obX
Senior Director, Technology
