~/talk

Vuex? No, it’s X(state)Vue for UI

Talkat Vue.js London Live 2021 · 2021-10-20..10-21· [frontend-architecture]
slides:none on file

Argues boolean flags scale poorly and replaces them with concrete state machines using xstate for view and the @xstate/vue hooks, shows a working toggle and image-fetch flow implemented as a machine with context, actions, retries and history, wires a service interpreted and started into component state, runs the demo live so transitions and state updates actually work, and uses the visualizer showing transitions to make testing, debugging and reuse explicit and measurable.

AI-written summary · about

  1. 0:00Start
  2. 2:00Composition Api
  3. 3:01Set a Local State
  4. 6:41Bottom-Up Approach
  5. 10:25Relationship with State Machine and Ui
  6. 16:02Create a State Machine in View
~/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.