194 – Rolf Haug & Alex Kyriakidis ⚡️ VueConf US 2019

https://twitter.com/hootlex
https://us.vuejs.org
https://twitter.com/rahaug

Vuex Demystified – Application State Management

In Vue.js is quite simple to work with components, and share data among them using events and props – especially in small to medium projects. When an application starts growing, managing components state might become tedious and overwhelming. This is where Vuex comes to our rescue. Vuex is a state management pattern and official library for Vue.js applications. It serves as a centralized store for all the components in an application, with rules ensuring that the state can only be mutated in a predictable fashion.

By the end of the workshop, attendees will be able to develop elegant, debuggable, maintainable, and organized applications using a centralized store. No prior experience with Vuex is needed.

We will answer the common question “When should I use Vuex?” and work on real-world features.

Outline
Understanding State Management Patterns
What is Vuex and what problems solves
Core concepts including Mutations, Actions, and Getters
Modularising the store
Composing Vuex assets using Higher-Order Functions
Implementing Vuex pseudo-cache
Best practices, common gotchas, and application architecture