Vue 3 State Management with Pinia

This course will teach you how to manage application state in Vue applications using Pinia; Vue’s official state management library.

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.

• Course Overview 1min
• Getting Started with Pinia 13mins
• Working with Pinia Store State 26mins
• Pinia Actions and Accessing Asynchronous API Data 19mins
• Advanced Pinia Store Scenarios 24mins
• Creating and Using Pinia Plugins 35mins
• Using Options Stores 17mins
• Using Pinia Stores in Options API Components 20mins