Phenomenal design patterns in Vue using Vuex with Spiders
summary
Shows concrete implementations: a Builder design pattern that generates Vue forms with no template by composing VNode trees via h and two lightweight files (builder + director) to produce signin, register, credit-card forms; a command design pattern + observer layer that maps events to new command instances for add/done/delete in a to‑do model; a small library view commander that records commands on a stack to provide undo and replay. Demos run and undo works; code is on jacobshots com / viewBDP and viewcommander com.
AI-written summary · about
chapters (16)
- 0:00Started Frontend Team
- 0:32Meltano Data Lifecycle Framework
- 1:15reusable solution to a commonly occurring problem within a given context in software design
- 1:41Design Patterns To solve a problem
- 1:52Many complex forms
- 2:36Solution: Builder
- 8:01Vuex components are not reusable!
- 8:11Your app is huge!
- 8:22Solution: Command
- 9:19GUI shouldn't access business Logic!
- 9:47Business time through logic layer
- 10:11One interface No parameters
- 10:25GUI doesn't call commands
- 13:58Rinse Wash Repeat
- 24:46Design Patterns There are tons
- 25:12Go read about them!
related talks
26mPhenomenal Design Patterns In Vue
49mVue and Vuex: Structure your app with centralized state management
29mAdvanced Vue.js features and patterns in the enterprise
36mHow to Create 'Vuetiful' Data-Driven User Interfaces
44m7 Secret Patterns Vue Consultants Don’t Want You to Know
34mConquering Forms in Vue
25mHow to stay sane while managing complex state, in Vue js
58m7 Secret Patterns Vue Consultants Don't Want You to Know