Skip to main content
    Back to Courses
    Intermediate

    Pinia State Management

    This one-day course teaches you everything about state management with Pinia in Vue.js 3 applications. You'll learn store architecture, composable patterns, TypeScript integration, plugin development, and testing strategies. From simple counters to complex application state — you'll master it all.

    4 Modules
    16 Lessons
    1 Tag
    Pinia State Management – 1 Tag Web course at apigenio

    Skills You'll Learn

    Pinia store architecture
    State, getters & actions
    Composition stores (setup syntax)
    Store plugins & persistence
    Testing stores with Vitest
    DevTools & debugging

    Course Modules & Lessons

    1

    State Management Fundamentals

    Why state management matters, Pinia vs Vuex, installation and your first store

    1.5h
    Warum State Management?

    Probleme ohne zentralen State und Lösungsansätze

    20min
    Pinia vs Vuex

    Vergleich, Vorteile von Pinia und Migrationspfad

    20min
    Installation & erster Store

    Pinia einrichten und einen einfachen Counter-Store erstellen

    25min
    DevTools Integration

    Vue DevTools für Store-Debugging nutzen

    15min
    2

    Stores in Depth

    State, getters, actions, composition stores, and the Options vs Setup syntax

    2h
    State definieren & nutzen

    Reaktiver State, $reset() und State-Typisierung

    25min
    Getters

    Berechnete Werte, parametrisierte Getters und Caching

    20min
    Actions

    Synchrone und asynchrone Actions, API-Calls und Fehlerbehandlung

    25min
    Options vs Setup Stores

    Beide Syntaxvarianten vergleichen und anwenden

    20min
    3

    Advanced Patterns

    Store composition, plugins, subscriptions, persistence, and SSR considerations

    2h
    Store Composition

    Stores in anderen Stores verwenden und Abhängigkeiten managen

    25min
    Plugins schreiben

    Eigene Pinia-Plugins für Logging, Persistierung etc.

    25min
    Subscriptions & $onAction

    Auf State-Änderungen und Actions reagieren

    20min
    SSR & Hydration

    Pinia in SSR-Anwendungen mit Nuxt korrekt einsetzen

    20min
    4

    Testing & Best Practices

    Unit testing stores, DevTools debugging, performance tips, and migration from Vuex

    1.5h
    Stores unit-testen

    createPinia(), setActivePinia() und Store-Tests schreiben

    25min
    Komponenten mit Stores testen

    Stores in Komponenten-Tests mocken und verifizieren

    20min
    Performance-Tipps

    storeToRefs(), selektive Subscriptions und grosse Stores

    15min
    Migration von Vuex

    Schritt-für-Schritt von Vuex 4 zu Pinia migrieren

    15min

    Prerequisites

    • Vue.js 3 basics (Composition API)
    • JavaScript/TypeScript knowledge

    Ready to start?

    Join thousands of students already learning.

    Your Trainer

    David Pinezich

    David Pinezich

    Experienced IT architect and trainer specializing in Python, Cloud Architecture, and Enterprise Solutions. Certified TOGAF, CISSP, and AWS professional with years of hands-on training experience.

    We use analytics cookies to improve our website. Learn more