https://github.com/webmasterdevlin/vuex-4-ts-course
Vuex 4 in Vue 3 TS implementation
https://github.com/webmasterdevlin/vuex-4-ts-course
cypress typescript vue3 vuex4
Last synced: 8 months ago
JSON representation
Vuex 4 in Vue 3 TS implementation
- Host: GitHub
- URL: https://github.com/webmasterdevlin/vuex-4-ts-course
- Owner: webmasterdevlin
- License: mit
- Created: 2021-01-03T21:22:02.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2021-08-10T06:36:31.000Z (over 4 years ago)
- Last Synced: 2025-03-28T05:23:18.816Z (9 months ago)
- Topics: cypress, typescript, vue3, vuex4
- Language: TypeScript
- Homepage:
- Size: 4.82 MB
- Stars: 2
- Watchers: 1
- Forks: 5
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# vuex course
### What to build in order
- upgrade/migrate to Vue.js 3
- npm i bootstrap 5 next
- npm i bootstrap-icon
- Navbar
- Heroes (class card)
- npm i vue-router next
- Router
- npm i vuex 4 next
- Setup Vuex 4 - hero module
- Get Request (v-for)
- Delete Request (class btn btn-danger)
- Post Request (Form)
- Put Request (editingTracker, v-if, v-else)
- Done! Now do the Villain part with its own page and Vuex module.
### Vuex Setup
- create store
- write a module
- write a state
- npm i axios
- write an api service
- write a type
- write an action
- write a mutation
- write a getter
- update components with mapGetters and mapActions
- npm i concurrently json-server
- copy-paste db.json
### Cypress' best practices in writing tests
https://docs.cypress.io/guides/references/best-practices.html