Nebula Reactive Flow

SketchSystems.spec

Nebula Reactive Flow
  Data going in
    SomeService
      dispatch SomeAction -> StateStore

    StateStore
      portion of state -> Reducers

    Reducers
      modify state for next-tick -> Data going out

  Data going out
    UpdateCoordinator
      notify all registered parties about change -> Binder
    Binder
      conform the values for each platform -> View
    View
      display bound values

SketchSystems_prototype.js

function render(model){
  let current_state_name = model.active_states[0].name;
  return $("h1",
           {style: {color: "darkBlue"}},
           `The current state is: ${current_state_name}`);
}