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
120
VPoEの視点から見た、ヘンリーがサーバーサイドKotlinを使う理由 / Why Server-side Kotlin 2024
cho0o0
1
590
エンジニアリング上の経験を普段のコミュニケーションにも活かせた話
cho0o0
0
140
Hatena DevBlog Meetup #1 LT
cho0o0
0
2.9k
OpenAPIによるスキーマ駆動開発を実現するための道のり
cho0o0
0
930
ヘンリーのコミュニケーションスケーリング戦術 ~ミーティング編~
cho0o0
1
210
ファシリテーション勉強会
cho0o0
0
150
Token Ringについて
cho0o0
1
820
仕様ワークショップ
cho0o0
0
94
Other Decks in Programming
See All in Programming
シェーダーで魅せるMapLibreの動的ラスタータイル
satoshi7190
1
480
macOS でできる リアルタイム動画像処理
biacco42
9
2.4k
【Kaigi on Rails 2024】YOUTRUST スポンサーLT
krpk1900
1
330
PHP でアセンブリ言語のように書く技術
memory1994
PRO
1
170
ローコードSaaSのUXを向上させるためのTypeScript
taro28
1
610
Hotwire or React? ~アフタートーク・本編に含めなかった話~ / Hotwire or React? after talk
harunatsujita
1
120
「今のプロジェクトいろいろ大変なんですよ、app/services とかもあって……」/After Kaigi on Rails 2024 LT Night
junk0612
5
2.1k
WebフロントエンドにおけるGraphQL(あるいはバックエンドのAPI)との向き合い方 / #241106_plk_frontend
izumin5210
4
1.4k
2024/11/8 関西Kaggler会 2024 #3 / Kaggle Kernel で Gemma 2 × vLLM を動かす。
kohecchi
5
910
OnlineTestConf: Test Automation Friend or Foe
maaretp
0
110
LLM生成文章の精度評価自動化とプロンプトチューニングの効率化について
layerx
PRO
2
190
Jakarta EE meets AI
ivargrimstad
0
530
Featured
See All Featured
Ruby is Unlike a Banana
tanoku
97
11k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Six Lessons from altMBA
skipperchong
27
3.5k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
364
24k
The Language of Interfaces
destraynor
154
24k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
The Art of Programming - Codeland 2020
erikaheidi
52
13k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
191
16k
Build The Right Thing And Hit Your Dates
maggiecrowley
33
2.4k
Code Review Best Practice
trishagee
64
17k
GraphQLとの向き合い方2022年版
quramy
43
13k
Art, The Web, and Tiny UX
lynnandtonic
297
20k
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