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
1.3k
2
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Vuex Plugin 101 (Full Ver.)
Cyan
May 23, 2018
More Decks by Cyan
See All by Cyan
EBMをベースに考えるプロダクト価値最大化 / Product Value Maximization Based on EBM
cho0o0
0
340
VPoEの視点から見た、ヘンリーがサーバーサイドKotlinを使う理由 / Why Server-side Kotlin 2024
cho0o0
1
930
エンジニアリング上の経験を普段のコミュニケーションにも活かせた話
cho0o0
0
210
Hatena DevBlog Meetup #1 LT
cho0o0
0
3.6k
OpenAPIによるスキーマ駆動開発を実現するための道のり
cho0o0
0
1.3k
ヘンリーのコミュニケーションスケーリング戦術 ~ミーティング編~
cho0o0
1
300
ファシリテーション勉強会
cho0o0
0
190
Token Ringについて
cho0o0
1
1.3k
仕様ワークショップ
cho0o0
0
120
Other Decks in Programming
See All in Programming
AWS DevOps AgentのAzure接続機能を検証して見えた活用法/Use Cases Verified for the AWS DevOps Agent's Azure Connectivity Feature
masakiokuda
1
250
30年振りにコンパイラの定数整数除算を改善した
herumi
4
950
Building a Meta Ray-Ban display app
akkeylab
0
170
仕様駆動開発の消費期限
watany
20
8.8k
関東Kaggler会_NVIDIA_Nemotron_コンペ_振り返り
rick_ds
0
670
Discordを用いたラボオートメーション関連情報収集の自動化
noguhiro2002
0
200
170k Jobs a Day on GKE: Scaling Mercari's CI Platform - and What's Next for AI-Native Development
junyaokabe
0
120
全PRの83%がAIレビューだけでマージできるようになった開発組織はその後どうなったか
athug
1
1.9k
そこに3びきプロダクトがいるじゃろう——生成AI時代における“価値が届かない理由”の構造
kosuket
0
550
How I Won Prize Money at a Hackathon Using Codex and Symphony Alpha
yasei_no_otoko
0
120
ソフトウェアラスタライザ
fadis
1
200
FastAPI の並行処理モデルを完全に理解する
hoto17296
5
1.7k
Featured
See All Featured
Agile Actions for Facilitating Distributed Teams - ADO2019
mkilby
0
260
Raft: Consensus for Rubyists
vanstee
141
7.6k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
25
2k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4.5k
Code Reviewing Like a Champion
maltzj
528
40k
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
soudai
PRO
68
57k
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
sarafernandez
0
250
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
47
8.3k
SEO in 2025: How to Prepare for the Future of Search
ipullrank
3
3.8k
New Earth Scene 8
popppiees
3
2.5k
エンジニアに許された特別な時間の終わり
watany
108
250k
Docker and Python
trallard
47
4.1k
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