Structuring A Massive Vuex Store
summary
Claims a concrete, scalable Vuex architecture used at Orbital Witness that avoids hard‑coded strings and accidental cross‑module access, implemented with namespaced modules, map helpers and exported mutation/action types.js constants. Provides a three‑layer modular store (root globals, module index, per‑module actions/getters/mutations) and shows folder layout and code snippets for wiring modules into createStore. Reports zero problems in production and demonstrates the pattern actually working at scale.
AI-written summary · about
chapters (10)
- 0:00Intro
- 0:53A Simple Store
- 1:32Let's Add Properties
- 2:18Meet Modules
- 5:41We Don't Like Hardcoded Strings
- 7:53Extracting Strings
- 8:54Improved Usage
- 11:04Folder Structure
- 12:20Splitting The Modules
- 16:12Updating the Root Store
