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.1k
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
190
VPoEの視点から見た、ヘンリーがサーバーサイドKotlinを使う理由 / Why Server-side Kotlin 2024
cho0o0
1
740
エンジニアリング上の経験を普段のコミュニケーションにも活かせた話
cho0o0
0
170
Hatena DevBlog Meetup #1 LT
cho0o0
0
3.1k
OpenAPIによるスキーマ駆動開発を実現するための道のり
cho0o0
0
1.1k
ヘンリーのコミュニケーションスケーリング戦術 ~ミーティング編~
cho0o0
1
260
ファシリテーション勉強会
cho0o0
0
160
Token Ringについて
cho0o0
1
960
仕様ワークショップ
cho0o0
0
110
Other Decks in Programming
See All in Programming
Cursorを活用したAIプログラミングについて 入門
rect
0
200
Cursor/Devin全社導入の理想と現実
saitoryc
29
22k
In geheimer Mission: AI Agents entwickeln
joergneumann
0
110
REALITY コマンド作成チュートリアル
nishiuriraku
0
120
読書シェア会 vol.4 『ダイナミックリチーミング 第2版』
kotaro666
0
110
一緒に働きたくなるプログラマの思想 #QiitaConference
mu_zaru
81
21k
Boost Your Performance and Developer Productivity with Jakarta EE 11
ivargrimstad
0
860
インプロセスQAにおいて大事にしていること / In-process QA Meetup
medley
0
170
「理解」を重視したAI活用開発
fast_doctor
0
300
generative-ai-use-cases(GenU)の推しポイント ~2025年4月版~
hideg
1
390
Ruby で作る RISC-V CPU エミュレーター / RISC-V CPU emulator made with Ruby
hayaokimura
5
1.1k
AIコーディングの本質は“コード“ではなく“構造“だった / The essence of AI coding is not “code” but "structure
seike460
PRO
2
390
Featured
See All Featured
Designing Experiences People Love
moore
142
24k
Designing for Performance
lara
608
69k
Speed Design
sergeychernyshev
29
940
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
48
5.4k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
45
9.5k
Automating Front-end Workflow
addyosmani
1370
200k
Reflections from 52 weeks, 52 projects
jeffersonlam
349
20k
Making the Leap to Tech Lead
cromwellryan
133
9.3k
A Modern Web Designer's Workflow
chriscoyier
693
190k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.5k
The Art of Programming - Codeland 2020
erikaheidi
54
13k
The Cult of Friendly URLs
andyhume
78
6.3k
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