Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Vuex Plugin 101 (Full Ver.)
Search
Cyan
May 23, 2018
Programming
2
1.2k
Vuex Plugin 101 (Full Ver.)
Cyan
May 23, 2018
Tweet
Share
More Decks by Cyan
See All by Cyan
EBMをベースに考えるプロダクト価値最大化 / Product Value Maximization Based on EBM
cho0o0
0
250
VPoEの視点から見た、ヘンリーがサーバーサイドKotlinを使う理由 / Why Server-side Kotlin 2024
cho0o0
1
840
エンジニアリング上の経験を普段のコミュニケーションにも活かせた話
cho0o0
0
190
Hatena DevBlog Meetup #1 LT
cho0o0
0
3.3k
OpenAPIによるスキーマ駆動開発を実現するための道のり
cho0o0
0
1.1k
ヘンリーのコミュニケーションスケーリング戦術 ~ミーティング編~
cho0o0
1
280
ファシリテーション勉強会
cho0o0
0
170
Token Ringについて
cho0o0
1
1.1k
仕様ワークショップ
cho0o0
0
110
Other Decks in Programming
See All in Programming
モビリティSaaSにおけるデータ利活用の発展
nealle
0
140
モデル駆動設計をやってみよう Modeling Forum2025ワークショップ/Let’s Try Model-Driven Design
haru860
0
130
自動テストを活かすためのテスト分析・テスト設計の進め方/JaSST25 Shikoku
goyoki
2
630
Agentに至る道 〜なぜLLMは自動でコードを書けるようになったのか〜
mackee
4
930
JEP 496 と JEP 497 から学ぶ耐量子計算機暗号入門 / Learning Post-Quantum Crypto Basics from JEP 496 & 497
mackey0225
2
230
自動テストのアーキテクチャとその理由ー大規模ゲーム開発の場合ー
segadevtech
2
980
KoogではじめるAIエージェント開発
hiroaki404
1
480
HTTPじゃ遅すぎる! SwitchBotを自作ハブで動かして学ぶBLE通信
occhi
0
240
「正規表現をつくる」をつくる / make "make regex"
makenowjust
1
370
Flutterアプリ運用の現場で役立った監視Tips 5選
ostk0069
1
410
開発生産性が組織文化になるまでの軌跡
tonegawa07
0
150
SUZURIの規約違反チェックにおけるクリエイタフィードバックの試⾏錯誤/Trial and Error in Creator Feedback for SUZURI's Terms of Service Violation Checks
ae14watanabe
1
150
Featured
See All Featured
Producing Creativity
orderedlist
PRO
348
40k
Intergalactic Javascript Robots from Outer Space
tanoku
273
27k
A Tale of Four Properties
chriscoyier
162
23k
Principles of Awesome APIs and How to Build Them.
keavy
127
17k
Build your cross-platform service in a week with App Engine
jlugia
234
18k
Thoughts on Productivity
jonyablonski
73
4.9k
Code Review Best Practice
trishagee
72
19k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.2k
A Modern Web Designer's Workflow
chriscoyier
697
190k
Balancing Empowerment & Direction
lara
5
740
How To Stay Up To Date on Web Technology
chriscoyier
791
250k
Transcript
VUEX PLUGIN 101 CHO
VUE PLUGIN USERS
VUEX PLUGIN USERS .. , . .
VUEX PLUGIN DEVELOPER
EASY TO MAKE
Logger https://codesandbox.io/s/887m806p5l
subscribe
https://3kqr0kjm95.codesandbox.io/
State Snapshot 1 State Snapshot 2 State Snapshot 3 State
Snapshot 4 State Snapshot 5 Versions Current Version Redo replaceState(state: Object) Undo
Other Implementations
subscribe After State Changed
subscribeAction subscribe Ver. 2.5.0+
Avoid Duplicate API Requests
http://reactivex.io/documentation/operators/debounce.html
None
None
https://p4yvo81lq.codesandbox.io/
VUEX PLUGIN ≠ ASPECT
subscribeAction subscribe Nonstop
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
https://davestewart.github.io/vuex-pathify/
https://github.com/vuex-orm/vuex-orm
Check More
None