Vue 3 State Management with Pinia

What you'll learn

Every modern web application needs to manage and store client-side application state and interact with the server via APIs. In this course, Vue 3 State Management with Pinia, you’ll learn how to manage application state in Vue applications using Pinia; Vue’s official state management library. First, you’ll learn about the two types of Pinia stores: Setup Stores and Options Stores. Then, you'll explore how to create a Pinia store and retrieve data, including calculated data, from the store. Next, you’ll discover how to use Pinia actions to populate store data including using asynchronous actions to integrate with external APIs for retrieving and storing data from a back-end server. After that, you'll learn how to create custom plugins for Pinia to easily add functionality to all of your stores, like storing data in a browser's LocalStorage, for example. Finally, you'll see how to do all of this with both Setup Stores and Options Stores as well as how to consume these stores from both composition API components and options API components. When you’re finished with this course, you’ll have the skills and knowledge of Pinia needed to create robust Vue applications with real-world state management requirements.

Table of contents