~/talk

MobX State Tree React pure reactivity served

Talkat Vue.js Amsterdam 2018 · on Friday, 2018-02-16· [react]

MobX State Tree with React shows concrete tradeoffs: runtime type checks catch bad model shapes, the tree produces immutable snapshots and JSON patches so undo/redo and syncing are trivial, and composition plus an environment object for per‑env endpoints keeps stores testable. The demo builds an image gallery wired by provider/inject and observer decorators, with computed values, reactions and actions walked through in code so the model, network fetch, and UI update all actually work.

AI-written summary · about

  1. 0:00Start
  2. 2:28Anything that can be derived from the application state, should be derived. Automatically.
  3. 9:55MobX State Trees
  4. 11:24Write imperative code hiding a reactive implementation
  5. 21:01DEMO TIME
~/search
type to search 6,249 conferences, 138,987 speakers and 185,172 talks
~/help
cmdctrl k
search every conference, speaker and series
/
focus the filter search
h
home
c
conferences
s
speakers
e
series
t
light / dark — the status bar button does the same
?
this help
esc
close this, then clear every filter — or just the search, while you are typing in it

Ignored while you are typing. Pages without a filter rail have no search to focus.