React/Flux like pattern for embedded UI

React/Flux like pattern for embedded UI

Cba56198463ece8d5c1cc1d6a353ddbd?s=128

Wojtek Siudzinski

November 21, 2019
Tweet

Transcript

  1. 3.
  2. 4.
  3. 5.
  4. 7.
  5. 8.
  6. 9.
  7. 11.

    class Keypad { void keyDown(); } class Dispatcher { Store

    store; void dispatchAction(action, args); Page getCurrentView(); } class View { void handleAction(action, page); void handleStoreUpdate(prop); } dispatchAction(ACTION_KEY_DOWN, {KEY_X}); getCurrentView() .handleAction( ACTION_KEY_DOWN, {KEY_X} );
  8. 12.

    class Keypad { void keyDown(); } class Dispatcher { Store

    store; void dispatchAction(action, args); Page getCurrentView(); } class View { void handleAction(action, page); void handleStoreUpdate(prop); } store.activeKey = KEY_X; handleStoreUpdate( STORE_PROP_ACTIVE_KEY );
  9. 13.

    class Keypad { void keyDown(); } class Dispatcher { Store

    store; void dispatchAction(action, args); Page getCurrentView(); } class View { void handleAction(action, page); void handleStoreUpdate(prop); } class Screen { void drawBackground(); void drawActiveKey(); } class Synth { void setNote(key); }