Home/Courses/Vue/State Management with Pinia

State Management with Pinia🍍

Intermediate→Advanced

Pinia 2.1

Master Pinia, the official state management library for Vue. Learn to create stores, manage complex state, and build scalable applications with type-safe, modular state management.

6

Sections

10

Lessons

17

Challenges

Start this free course

Start learning State Management with Pinia

10 lessons and 17 challenges, all 100% free.

Start this course

Defining Stores: Options vs Setup Syntax

Pinia vs Vuex(Sign in required)

Beginner+10 Mana

Store Naming Convention(Sign in required)

Beginner+10 Mana

Setup vs Options Syntax(Sign in required)

Intermediate+15 Mana

Accessing and Modifying State

Getters and Computed State

Storetorefs(Sign in required)

Intermediate+15 Mana

$patch vs Direct Mutation(Sign in required)

Intermediate+15 Mana

Getter Caching(Sign in required)

Intermediate+15 Mana

Actions Fundamentals

Async Actions and API Integration

this in Actions(Sign in required)

Beginner+10 Mana

Optimistic Update(Sign in required)

Intermediate+15 Mana

Onaction Hook(Sign in required)

Intermediate+15 Mana

Creating and Using Pinia Plugins

Persisting State

Plugin Context(Sign in required)

Intermediate+15 Mana

Persist Paths(Sign in required)

Intermediate+15 Mana

Plugin Return Value(Sign in required)

Intermediate+15 Mana

Testing Pinia Stores

Testing Setup(Sign in required)

Beginner+10 Mana

Testing Pinia Package(Sign in required)

Intermediate+15 Mana

Stubbed Actions(Sign in required)

Intermediate+15 Mana

Store Organization Patterns

Store Factory(Sign in required)

Intermediate+15 Mana

Normalized State Benefit(Sign in required)

Intermediate+15 Mana

Ready to start this free course?

No credit card required.

Start this course now

Ready to start State Management with Pinia?

10 interactive lessons and 17 hands-on challenges — learn in VS Code, Cursor, or the web.