Introducing Vuex in your project
summary
Demonstrates adding a Vuex store to a small bingo app, moves component state into a central state tree, and maps state/getters and commits mutations so UI updates predictably. Implements synchronous mutations and asynchronous actions, mocks randomness to test the extract flow with 90 available numbers, and uses mock axios to test success and failure paths. Exports store parts so unit tests exercise default state, getters, mutations and actions and verifies components with a mocked store and snapshots.
AI-written summary · about
chapters (13)
- 0:00Start
- 5:48Sub Components
- 11:25One-Way Data Flow
- 17:33The Ux Flow
- 19:54Core Concept
- 23:10Getters
- 34:47Mutations
- 36:33Mock Axios
- 41:02Mocking the Store
- 41:31Recap
- 43:57What Is the Equivalent for Props Data When Using Class Components
- 49:31Presentational Component
- 50:03Container Components
