Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥

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

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
New Relic 1 年生の振り返りと Cloud Cost Intelligence について #NRUG
Avatar for PLAY, inc. play_inc
0
230
意外と知らない状態遷移テストの世界
Avatar for nihonbuson nihonbuson
PRO
1
250
オープンソースKeycloakのMCP認可サーバの仕様の対応状況 / 20251219 OpenID BizDay #18 LT Keycloak
Avatar for OpenID Foundation Japan oidfj
0
170
[Data & AI Summit '25 Fall] AIでデータ活用を進化させる！Google Cloudで作るデータ活用の未来
Avatar for kirimaru kirimaru
0
3.9k
MySQLのSpatial(GIS)機能をもっと充実させたい ～ MyNA望年会2025LT
Avatar for sakaik sakaik
0
120
AI駆動開発ライフサイクル（AI-DLC）の始め方
Avatar for ryansbcho79 ryansbcho79
0
180
日本の AI 開発と世界の潮流 / GenAI Development in Japan
Avatar for Yoshitaka Haribara hariby
1
440
業務の煩悩を祓うAI活用術108選 / AI 108 Usages
Avatar for 株式会社スマートバンク smartbank
6
5.4k
AR Guitar: Expanding Guitar Performance from a Live House to Urban Space
Avatar for Ekito ekito_station
0
200
AWSの新機能をフル活用した「re:Inventエージェント」開発秘話
Avatar for みのるん minorun365
2
450
20251218_AIを活用した開発生産性向上の全社的な取り組みの進め方について / How to proceed with company-wide initiatives to improve development productivity using AI
Avatar for yayoi_dd yayoi_dd
0
660
AWSに革命を起こすかもしれない新サービス・アップデートについてのお話
Avatar for Yuuki Yamashita yama3133
0
500

Featured

See All Featured
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
35
2.3k
Jess Joyce - The Pitfalls of Following Frameworks
Avatar for Tech SEO Connect techseoconnect
PRO
1
31
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
22k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
1.4k
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
Avatar for Aleyda Solis aleyda
1
1.7k
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
Avatar for Sophie Logan marketingsoph
0
45
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
234
18k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
463
34k
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.5k
Stewardship and Sustainability of Urban and Community Forests
Avatar for Eric Wiseman pwiseman
0
73
HDC tutorial
Avatar for Michiel Stock michielstock
0
270
The Curse of the Amulet
Avatar for Matthew Lei leimatthew05
0
4.7k

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