Slide 1

Slide 1 text

VUEX PLUGIN 101 CHO

Slide 2

Slide 2 text

VUE PLUGIN USERS

Slide 3

Slide 3 text

VUEX PLUGIN USERS .. , . .

Slide 4

Slide 4 text

VUEX PLUGIN DEVELOPER

Slide 5

Slide 5 text

EASY TO MAKE

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

subscribe

Slide 8

Slide 8 text

https://3kqr0kjm95.codesandbox.io/

Slide 9

Slide 9 text

State Snapshot 1 State Snapshot 2 State Snapshot 3 State Snapshot 4 State Snapshot 5 Versions  Current Version Redo replaceState(state: Object) Undo

Slide 10

Slide 10 text

Other Implementations

Slide 11

Slide 11 text

subscribe After State Changed

Slide 12

Slide 12 text

subscribeAction subscribe Ver. 2.5.0+

Slide 13

Slide 13 text

Avoid Duplicate API Requests 

Slide 14

Slide 14 text

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

Slide 15

Slide 15 text

No content

Slide 16

Slide 16 text

No content

Slide 17

Slide 17 text

https://p4yvo81lq.codesandbox.io/

Slide 18

Slide 18 text

VUEX PLUGIN ≠ ASPECT

Slide 19

Slide 19 text

subscribeAction subscribe Nonstop

Slide 20

Slide 20 text

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

Slide 21

Slide 21 text

https://davestewart.github.io/vuex-pathify/

Slide 22

Slide 22 text

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

Slide 23

Slide 23 text

Check More

Slide 24

Slide 24 text

No content