Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Lightning Talk - Enhancing Vue and Vuex for Com...

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Patrick Seda Patrick Seda
March 28, 2018
Technology
1
1.2k

Lightning Talk - Enhancing Vue and Vuex for Complex Application State

Avatar for Patrick Seda

Patrick Seda

March 28, 2018
Tweet

More Decks by Patrick Seda

See All by Patrick Seda
The API of Your Company Culture
Avatar for Patrick Seda pxtrick
3
980
Swift - Beyond Beginner
Avatar for Patrick Seda pxtrick
0
1.3k
Crossing the Chasm of Swift
Avatar for Patrick Seda pxtrick
0
1.4k
Architecting Your Project with a Finite-State Machine
Avatar for Patrick Seda pxtrick
1
2.2k
Your Code is Terrible (I Love It!)
Avatar for Patrick Seda pxtrick
0
1.2k
An Introduction to Location-Based Technologies (for Business & Marketing)
Avatar for Patrick Seda pxtrick
0
600
The Passion of Lazy - Enterprise Mobile App Design Patterns
Avatar for Patrick Seda pxtrick
0
2.2k
10 Tips for Kickass Enterprise Mobile Apps
Avatar for Patrick Seda pxtrick
0
1k
Making Mobile Games (A presentation for the Girl Scouts)
Avatar for Patrick Seda pxtrick
1
700

Other Decks in Technology

See All in Technology
CDK対応したAWS DevOps Agentを試そう_20260201
Avatar for モブエンジニア（Masaki Okuda） masakiokuda
1
370
こんなところでも（地味に）活躍するImage Modeさんを知ってるかい？- Image Mode for OpenShift -
Avatar for Masataka Tsukamoto tsukaman
1
160
顧客の言葉を、そのまま信じない勇気
Avatar for yamatai12 yamatai1212
1
360
コミュニティが変えるキャリアの地平線：コロナ禍新卒入社のエンジニアがAWSコミュニティで見つけた成長の羅針盤
Avatar for Kento Suzuki kentosuzuki
0
130
ファインディの横断SREがTakumi byGMOと取り組む、セキュリティと開発スピードの両立
Avatar for adachi.ryo rvirus0817
1
1.5k
GitHub Issue Templates + Coding Agentで簡単みんなでIaC/Easy IaC for Everyone with GitHub Issue Templates + Coding Agent
Avatar for AEON aeonpeople
1
250
ブロックテーマでサイトをリニューアルした話 / 2026-01-31 Kansai WordPress Meetup
Avatar for Toro_Unit (Hiroshi Urabe) torounit
0
480
フルカイテン株式会社 エンジニア向け採用資料
Avatar for FULL KAITEN fullkaiten
0
10k
OWASP Top 10:2025 リリースと 少しの日本語化にまつわる裏話
Avatar for Riotaro OKADA okdt
PRO
3
830
顧客との商談議事録をみんなで読んで顧客解像度を上げよう
Avatar for shibayu36 shibayu36
0
270
AWS Network Firewall Proxyを触ってみた
Avatar for nagisa_53 nagisa53
1
240
StrandsとNeptuneを使ってナレッジグラフを構築する
Avatar for やくも yakumo
1
120

Featured

See All Featured
The B2B funnel & how to create a winning content strategy
Avatar for Katarina Dahlin katarinadahlin
PRO
1
280
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
39
3k
How to build an LLM SEO readiness audit: a practical framework
Avatar for Nick Samuel nmsamuel
1
650
Introduction to Domain-Driven Design and Collaborative software design
Avatar for Kenny Baas-Schwegler baasie
1
590
How to build a perfect <img>
Avatar for Jono Alderson jonoalderson
1
4.9k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
234
18k
Leveraging Curiosity to Care for An Aging Population
Avatar for Cassini Nazir cassininazir
1
160
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
122
21k
Designing Powerful Visuals for Engaging Learning
Avatar for Mike Taylor tmiket
0
240
Believing is Seeing
Avatar for Spiro Bolos oripsolob
1
57
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
74
11k
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
Avatar for r-kagaya rkaga
60
42k

Transcript

  1. VueConf US - 2018 New Orleans VueConf US - 2018

    New Orleans – Lightning Talks Enhancing f o r Complex Application State PATRICK SEDA - @pxtrick VUE VUE AND VUEX VUEX

  2. WHO? @pxtrick PATRICK SEDA MOBILE & WEB ARCHITECT

  3. APPLICATION ARCHITECTURE

  4. @pxtrick Actions Mutations Getters Component Component Component APP ARCHITECTURE UI

    State VUEX Backend API SERVICES

  5. @pxtrick Actions Mutations Getters Component Component APP ARCHITECTURE UI State

    VUEX Component Component SERVICES Backend API

  6. @pxtrick Actions Mutations Getters Component Component Component APP ARCHITECTURE UI

    State VUEX SERVICES Backend API

  7. @pxtrick Actions Mutations Getters Component APP ARCHITECTURE UI State VUEX

    Component Component Component Component SERVICES Backend API

  8. FINITE STATE MACHINE

  9. @pxtrick FINITE STATE MACHINE WHAT DOES This Little Thingy DO?

  10. @pxtrick FINITE STATE MACHINE OFF FAST MEDIUM SLOW

  11. @pxtrick FINITE STATE MACHINE OFF FAST MEDIUM SLOW Pull Chain

    Pull Chain Pull Chain Pull Chain

  12. @pxtrick FINITE STATE MACHINE FSM - States - Events /

    Transitions - Start State APP 1. APP EVENT ‘X’ HAPPENS 2. HEY FSM, GIVE ME THE STATE TO WHICH ‘X’ TRANSITIONS! 3. APPLY THE NEW STATE Static View: Dynamic View:

  13. @pxtrick Actions Mutations Getters / Triggers Component Component Component UI

    states Event Router FSM FINITE STATE MACHINE VUEX Store FSM

  14. @pxtrick PATRICK SEDA Cheers! speakerdeck.com/pxtrick