Content:

Together we incrementally build Vue.js applications with Pinia which illustrates the following topics:

– Introduction to state management:
... - Why state management?
... - Comparison: Local state vs. global state
... - Why Pinia as the successor to Vuex
– Pinia setup:
... - Installation & basic configuration
... - Registering the store in the Vue project
... - Best practices for folder structures
– State:
... - Defining state
... - Reactive values & deep reactivity
... - Data flow overview
... - Exercise: Mini app with global store (e.g., counter, to-do tags, dashboard status)
– Getters:
... - Basics & Syntax
... - Computed Properties in the Store
... - Performance Aspects and Caching
... - Exercise: Filter Logics (e.g., Filtered Todos, User Roles, Dashboard Evaluations)
- Actions:
... - Synchronous & asynchronous actions
... - Error handling
... - Integrating API requests
... - Exercise: API-based actions (loading users, retrieving products, etc.)
- Modular stores & scaling:
... - When to use multiple stores?
... - Cross-store communication
... - Store factories
... - Exercise: Split app into multiple stores (e.g., auth, UI, domain store)
- Persistence & plugins:
... - Persistence strategies (localStorage, IndexedDB)
... - Introduction to Pinia plugins
... - Example: Implementing a persistence plugin
... - Exercise: Developing your own persistence for user settings
- Typing with TypeScript:
... - Type safety in the store
... - Notes on interfaces & return types
... - Sources of error and tips
- Testing Pinia:...
... - Unit tests for stores
... - Mocking external data
... - Behavior-driven tests
... - Exercise: Testing a store in Vitest
- Architecture & best practices:
... - Clean store structures
... - Encapsulation & clear responsibilities
... - Performance tips for large projects
... - When a store is not necessary

The course is based on refined and tested course material with explanation, assignments, course project / code, solution code and further information.

Disclaimer: The actual course content may vary from the above, depending on the trainer, implementation, duration and constellation of participants.

Whether we call it training, course, workshop or seminar, we want to pick up participants at their point and equip them with the necessary practical knowledge so that they can apply the technology directly after the training and deepen it independently.