18
Intro to Pavan Podila @pavanpodila Senior Director, Technology obX

Intro to MobX - DeveloperMarch · Intro to Pavan Podila @pavanpodila obX Senior Director, Technology. Experts Web Technologies GDE SUMMIT . Pavan Podila. Michel Weststrate Mobx QuickStart

  • Upload
    others

  • View
    10

  • Download
    0

Embed Size (px)

Citation preview

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