Zum Hauptinhalt springen
    Zurück zu Kursen
    Fortgeschritten

    Pinia State Management

    Dieser Tageskurs vermittelt dir alles über State Management mit Pinia in Vue.js 3 Anwendungen. Du lernst Store-Architektur, Composable Patterns, TypeScript-Integration, Plugin-Entwicklung und Testing-Strategien. Vom einfachen Counter bis zum komplexen Application State – du meisterst alles.

    4 Module
    16 Lektionen
    1 Tag
    Pinia State Management – 1 Tag Web-Kurs bei apigenio

    Fähigkeiten, die du lernen wirst

    Pinia Store-Architektur
    State, Getters & Actions
    Composition Stores (Setup Syntax)
    Store Plugins & Persistierung
    Testing von Stores mit Vitest
    DevTools & Debugging

    Kursmodule & Lektionen

    1

    State Management Grundlagen

    Warum State Management wichtig ist, Pinia vs Vuex, Installation und dein erster 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 im Detail

    State, Getters, Actions, Composition Stores und 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

    Fortgeschrittene Patterns

    Store-Komposition, Plugins, Subscriptions, Persistierung und SSR-Überlegungen

    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 von Stores, DevTools-Debugging, Performance-Tipps und Migration von 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

    Voraussetzungen

    • Vue.js 3 Grundlagen (Composition API)
    • JavaScript/TypeScript-Kenntnisse

    Bereit anzufangen?

    Schliess dich Tausenden von Studierenden an.

    Dein Trainer

    David Pinezich

    David Pinezich

    Erfahrener IT-Architekt und Trainer mit Schwerpunkt Python, Cloud-Architektur und Enterprise-Lösungen. Zertifizierter TOGAF-, CISSP- und AWS-Profi mit langjähriger praktischer Schulungserfahrung.

    Wir verwenden Analytics-Cookies, um unsere Website zu verbessern. Mehr erfahren