Develop Intelligence
Managing State in Vue.js with Vuex
Learn how to use Vuex to simplify state management in a Vue application.

The Managing State in Vue.js with Vuex training course teaches you how to leverage Vuex the right way to add more maintainability and readability to the state management in a Vue.js application.

Vuex was inspired by Redux, a popular state management library for React, but is designed to integrate more seamlessly into Vue.js applications since it was created by the same developers and was intended only for use with Vue.js.

After this course, you will be able to:

  • Install Vuex into your project
  • Integrate Vuex into Vue.js to create a central state store
  • Manage state with getters and mutators
  • Perform asynchronous actions on the store’s state, including persisting state to remote servers and local storage bases
  • Use Vue.js dev tools to debug state changes
  • Split different pieces of state into separate modules for simpler maintenance
  • Extend Vuex with plugins
    Test Vuex stores
This course will be delivered in 1 Day

DI will work with you and your team to define the most appropriate delivery structure, schedule and dates. Structure, schedule and dates will be determined by project schedule, team availability and classroom availability. And of course, it will also be determined by DI’s instructor availability.

In the Managing State in Vue.js with Vuex training course you’ll learn:

  • Introduction
    • What is Vuex?
    • Core Concepts
    • Advantages of Vuex vs plain Vue.js state management
  • Getting Started
    • Installing Vuex
    • Creating a basic Vuex store
    • Making the Vuex store available to the entire app
  • Accessing State
    • $store.state
    • Mapping state to computed properties in components
  • Getters
    • Retrieving computed state from a store
    • Writing getters
    • Using getters
    • Mapping getters to computed properties in components
  • Mutations
    • Why not just set state directly?
    • Writing mutations
    • Commiting mutations
    • Mapping mutations to methods in components
  • Actions
    • What are actions?
    • Writing actions
    • Performing asynchronous operations
    • Using actions to persist data
    • Dispatching Actions
    • Mapping actions to methods in components
  • Debugging
    • Installing Vue dev tools
    • Tracking state changes in tool
    • Using “time travel” to debug
  • Modules
    • Splitting state into modules
    • Namespacing modules
    • Registering modules
    • Accessing global/root state from namespaced modules
    • Using helpers to aid in mapping module state/getters/mutations/actions in components
  • Plugins
    • Creating and registering plugins
    • Potentially useful plugins
    • Using plugins with modules
  • Testing
    • Testing getters
    • Testing mutations
    • Testing actions
  • Q/A

Introduction to Vue.js
Call us at (877) 629-5631