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

Vuex Plugin 101 (Full Ver.)

Avatar for Cyan Cyan
May 23, 2018
Programming
2
1.2k

Vuex Plugin 101 (Full Ver.)

Avatar for Cyan

Cyan

May 23, 2018
Tweet

More Decks by Cyan

See All by Cyan
EBMをベースに考えるプロダクト価値最大化 / Product Value Maximization Based on EBM
Avatar for Cyan cho0o0
0
200
VPoEの視点から見た、ヘンリーがサーバーサイドKotlinを使う理由 / Why Server-side Kotlin 2024
Avatar for Cyan cho0o0
1
760
エンジニアリング上の経験を普段のコミュニケーションにも活かせた話
Avatar for Cyan cho0o0
0
170
Hatena DevBlog Meetup #1 LT
Avatar for Cyan cho0o0
0
3.1k
OpenAPIによるスキーマ駆動開発を実現するための道のり
Avatar for Cyan cho0o0
0
1.1k
ヘンリーのコミュニケーションスケーリング戦術 ~ミーティング編~
Avatar for Cyan cho0o0
1
260
ファシリテーション勉強会
Avatar for Cyan cho0o0
0
170
Token Ringについて
Avatar for Cyan cho0o0
1
990
仕様ワークショップ
Avatar for Cyan cho0o0
0
110

Other Decks in Programming

See All in Programming
技術懸念に立ち向かい 法改正を穏便に乗り切った話
Avatar for popCashew pop_cashew
0
1.5k
KotlinConf 2025 現地で感じたServer-Side Kotlin
Avatar for Takehata Naoto n_takehata
1
220
Javaのルールをねじ曲げろ！禁断の操作とその代償から学ぶメタプログラミング入門 / A Guide to Metaprogramming: Lessons from Forbidden Techniques and Their Price
Avatar for nrs nrslib
3
2k
業務自動化をJavaとSeleniumとAWS Lambdaで実現した方法
Avatar for GreenFlagProject greenflagproject
1
120
Spring gRPC で始める gRPC 入門 / Introduction to gRPC with Spring gRPC
Avatar for mackey0225 mackey0225
2
520
既存デザインを変更せずにタップ領域を広げる方法
Avatar for Tiphaine tahia910
1
240
Cline指示通りに動かない？ AI小説エージェントで学ぶ指示書の書き方と自動アップデートの仕組み
Avatar for 葦沢かもめ kamomeashizawa
1
550
deno-redisの紹介とJSRパッケージの運用について (toranoana.deno #21)
Avatar for uki00a uki00a
0
120
CursorはMCPを使った方が良いぞ
Avatar for taiga taigakono
0
130
The Evolution of Enterprise Java with Jakarta EE 11 and Beyond
Avatar for ivargrimstad ivargrimstad
1
820
地方に住むエンジニアの残酷な現実とキャリア論
Avatar for nakamichi ichimichi
2
570
エラーって何種類あるの？
Avatar for Takuma Kajikawa kajitack
5
260

Featured

See All Featured
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
29
1.8k
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
29
9.5k
Docker and Python
Avatar for Tania Allard trallard
44
3.4k
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
56
9.4k
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
10
920
A better future with KSS
Avatar for Kyle Neath kneath
239
17k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
54
13k
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
6.4k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
337
57k
Building Applications with DynamoDB
Avatar for Matt Wood mza
95
6.5k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
4
200
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
351
20k

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