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