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
330
VPoEの視点から見た、ヘンリーがサーバーサイドKotlinを使う理由 / Why Server-side Kotlin 2024
cho0o0
1
920
エンジニアリング上の経験を普段のコミュニケーションにも活かせた話
cho0o0
0
210
Hatena DevBlog Meetup #1 LT
cho0o0
0
3.6k
OpenAPIによるスキーマ駆動開発を実現するための道のり
cho0o0
0
1.3k
ヘンリーのコミュニケーションスケーリング戦術 ~ミーティング編~
cho0o0
1
290
ファシリテーション勉強会
cho0o0
0
190
Token Ringについて
cho0o0
1
1.3k
仕様ワークショップ
cho0o0
0
120
Other Decks in Programming
See All in Programming
AIエージェントで 変わるAndroid開発環境
takahirom
2
680
霧の中の代数的エフェクト
funnyycat
1
400
【やさしく解説 設計編・中級 #4】ルールの寿命と、システムの年輪
panda728
PRO
2
140
SREは、MCPとSRE Agentをこう使え!
kazumax55
0
150
5分で問診!Composer セキュリティ健康診断
codmoninc
0
280
吝嗇家のためのAI活用 / AI development for miser - ChatGPT + Issue Driven Development
tooppoo
0
190
そのテスト、説明できますか?~LWテスト戦略FW~のご紹介
nakahara
0
210
地域 SRE コミュニティ最前線 - ホンマでっかSRE勉強会
tk3fftk
0
240
PHP Application における Kubernetes 内 gRPC 通信
ganchiku
0
480
1B+ /day規模のログを管理する技術
broadleaf
0
140
Foundation Models frameworkで画像分析
ryodeveloper
1
120
Haskell/Servantを通してWebミドルウェアを捉え直す
pizzacat83
1
580
Featured
See All Featured
The agentic SEO stack - context over prompts
schlessera
0
850
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
55k
Discover your Explorer Soul
emna__ayadi
2
1.2k
Scaling GitHub
holman
464
140k
svc-hook: hooking system calls on ARM64 by binary rewriting
retrage
2
340
The browser strikes back
jonoalderson
0
1.4k
Public Speaking Without Barfing On Your Shoes - THAT 2023
reverentgeek
1
460
Joys of Absence: A Defence of Solitary Play
codingconduct
1
410
Building AI with AI
inesmontani
PRO
1
1.1k
Speed Design
sergeychernyshev
33
1.9k
Fashionably flexible responsive web design (full day workshop)
malarkey
408
67k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
23k
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