About This Course

Vue.js, while relatively new to the scene, is growing in popularity quite quickly. It is relatively easy to get started with, but for anything non-trivial, it quickly becomes apparent that more powerful state management is needed in order to keep shared data synchronized throughout the application. Vuex is one of the possible solutions and is the most popular among Vue.js developers.

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.

This course, Managing State in Vue.js with Vuex, teaches how to leverage Vuex the right way to add more maintainability and readability to the state management for Vue.js applications.

Request More Info About This Course
vue

Course Category

Duration

This is a one-day hands-on course.

Skill Level

What Happy Developers Say

The instructor did a good job of adjusting content to meet different skill levels.
Developer, Intuit
The instructor was very knowledgeable, making it easy to ask questions and provided good conversation about the topic at hand.
dell  logoWeb Developer, DELL
The instructor demonstrated strong broad knowledge as well as technical in-depth when appropriate
Engineer, Starbucks
I liked that we could determine what to learn, no time was wasted.
Javascript Developer, RetailMeNot
I had trouble understanding a certain concept, and told the instructor that I just didn't get it. While the class was busy with an exercise, he sat down with me, gave me material to read, and made sure I understood it before I moved on. I really appreciated that.
JavaScript Developer, PayPal
The instructor has a great attitude and pacing. Amazing how much he knows about JS!
Junior JavaScript Developer, Macy's

Purpose

  • Install Vuex into their 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

Audience

Developers who have at least a basic understanding of Vue.js looking to move onto more advanced state management system that is more maintainable and centralized.

Course Outline

  • 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
Request More Info About This Course

Instructors Who Teach This Course

Peter

Peter

Peter is a Senior Java Developer / Architect / Manager with over 20 years of experience in the analysis, design, and development of computer systems, including 20 years of experience architecting and delivering web-based IT solutions. Peter manages and leads an experienced team of Java and object-oriented programming specialists that provide a wide range of technical services. Peter founded Jav... read more

Pete

Pete

Pete has been doing professional software development since 2001. His experience includes the full spectrum of businesses from large Fortune-500 Enterprises through growing mid-sized companies, down to brand new startups with a handful of founders. He has developed web-based business applications of many flavors, enterprise data center management software, social media applications, industrial ... read more

Kito

Kito

Kito D. Mann is the Principal Consultant at Virtua, Inc., specializing in enterprise application architecture, training, development, and mentoring with JavaServer Faces, HTML5, Web Components, portlets, Liferay, and Java EE technologies. He is also the editor-in-chief of JSFCentral.com (www.jsfcentral.com), co-host of the Enterprise Java Newscast (https://www.enterprisejavanews.com), and the a... read more

Eric

Eric

Eric is a professional trainer and software developer who loves learning new things, sharing what he learns, and helping clients to solve business problems. He holds a BS in Computer Science from the Virginia Military Institute, and numerous software certifications to include the Microsoft Certified Professional Developer certification.

Eric has extensive experience providing customized trai... read more

Eve

Eve

Eve has been focused on web and curriculum development since college, where she studied user interface design and usability. Since then, she has consulted as a project manager and coder to deliver interactive web applications, from e-Learning portals to mobile apps.

Well-versed in HTML5, CSS3 and other front-end technologies, Eve has lent her interface and training skills to the redesign of ... read more

Elias

Elias

Elias Carlston has 20 years’ experience as a software engineer, from lean startups to large enterprises. Having great mentors early on showed Elias the value of sharing knowledge, and he enthusiastically embraces the opportunity to give back to the community through teaching. Beginning his career as a data analyst for a large non-profit clinic, he soon became a full stack developer. First, at ... read more

Who Takes This Training?

Learn More About This Course