Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Vuex Plugin 101 (Full Ver.)

Cyan
May 23, 2018

Vuex Plugin 101 (Full Ver.)

Cyan

May 23, 2018
Tweet

More Decks by Cyan

Other Decks in Programming

Transcript

  1. VUEX PLUGIN 101 CHO

  2. VUE PLUGIN USERS

  3. VUEX PLUGIN USERS .. , . .

  4. VUEX PLUGIN DEVELOPER

  5. EASY TO MAKE

  6. Logger https://codesandbox.io/s/887m806p5l

  7. subscribe

  8. https://3kqr0kjm95.codesandbox.io/

  9. State Snapshot 1 State Snapshot 2 State Snapshot 3 State

    Snapshot 4 State Snapshot 5 Versions  Current Version Redo replaceState(state: Object) Undo
  10. Other Implementations

  11. subscribe After State Changed

  12. subscribeAction subscribe Ver. 2.5.0+

  13. Avoid Duplicate API Requests 

  14. http://reactivex.io/documentation/operators/debounce.html

  15. None
  16. None
  17. https://p4yvo81lq.codesandbox.io/

  18. VUEX PLUGIN ≠ ASPECT

  19. subscribeAction subscribe Nonstop

  20. Vuex Plugin Subscriber Set Changes Window Listener Listening to Changes

    vuex-shared-mutations Vuex State  Vuex State  Subscribing To Changes Set Changes Tab 1 Tab 2 Local Storage
  21. https://davestewart.github.io/vuex-pathify/

  22. https://github.com/vuex-orm/vuex-orm

  23. Check More

  24. None