Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

egghead.io

Vue.js State Management with Vuex and TypeScript

via egghead.io

Overview

In Use TypeScript to Develop Vue.js Web Applications we’ve seen how TypeScript Vue apps development by creating class based components and using decorators.
This course will extend it, showing you how you can use Vuex with TypeScript in order to manage the state of your Vue app. We’ll see how to type-safe your store, organize the state in modules, modify it using mutations and actions and write Vuex plugins, all by creating a beer shop app throughout the course.

Syllabus

  • Create a Vuex Store using TypeScript
  • Access State by using Vuex getter functions with TypeScript
  • Modify State by using Vuex Mutations with TypeScript
  • Use Vue Tools to Navigate Across the Vuex State
  • Perform Async Updates using Vuex Actions with TypeScript
  • Handle Forms Connected to a Vuex Store using TypeScript
  • Split Vuex Store into Modules using TypeScript
  • Lazy Load a Vuex Module at Runtime using TypeScript
  • Access the Root State from a Vuex Module using TypeScript
  • Use Namespaces in Vuex Stores using TypeScript
  • Call a Root Vuex Mutation or Action from within a Module in TypeScript
  • Write a Vuex Plugin using TypeScript
  • Add options to a Vuex plugin using TypeScript

Taught by

Alex Jover Morales

Reviews

4.4 rating at egghead.io based on 92 ratings

Start your review of Vue.js State Management with Vuex and TypeScript

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.