Using Vue for your IoT Solution
summary
Vue connects to AWS IoT Core and creates a cloud device shadow, fetches a large metadata object and stores static parts in Pinia, then applies updates from the edge via streaming concise messages that trigger a Pinia action. The claim is that Pinia device shadow becomes the front-end source of truth mirroring the cloud, and the concrete sequence—initial load, create action, receive updates, save to Pinia—demonstrates updates propagating to the UI immediately with no extra plumbing.
AI-written summary · about
chapters (10)
- 0:00Introduction
- 1:10IoT Process
- 2:38Initial Load
- 3:39Create a Pinia Action
- 4:09Receive Updates
- 4:48Streaming Data
- 5:21Save update to Pinia
- 5:42Vue Reactivity
- 6:18Pinia Device Shadow
- 7:13Thank you!
related talks
48mVUE3 & Pinia A Better Pattern for Global State Management
23mVue3: Modern Frontend App Development
25mEverything Beyond State Management in Stores with Pinia
44mData Management in Vue
22mLaravel, Inertia, and Vue
23mSuperpositioned Vue componentes with Module Federation
32mVue, simple yet scalable
29mGuiding Agentic AI with Vue and Pinia