This is an advanced exercise about creating a Tab system with inject/provide to create coupled components.
Introduction
10 lessons
Get access to the complete guide to developing and deploying fast, production-ready Pinia apps.
Buy License 9. Creating a Tabs Manager Solution
Eduardo San Martin Morote
1
Introduction
10 lessons
The What and Why of State Management and Stores
FREE
03m51s
The What and Why of State Management and Stores
Creating a store from scratch
08m57s
Creating a store from scratch
Collecting effects with `effectScope`
08m35s
Collecting effects with `effectScope`
Touring the exercise platform
10m38s
Touring the exercise platform
Creating our own `defineStore()`
15m50s
Creating our own `defineStore()`
Dependency injection with `inject` and `provide`
12m46s
Dependency injection with `inject` and `provide`
Using `inject` and `provide` to ensure app-specific stores
07m44s
Using `inject` and `provide` to ensure app-specific stores
Introduction to Creating a Tabs Manager
02m46s
Introduction to Creating a Tabs Manager
Creating a Tabs Manager Solution
26m38s
Creating a Tabs Manager Solution
Why use Pinia
03m21s
Why use Pinia
2
Getting Started with Pinia
10 lessons
Quick Start with Pinia
FREE
07m22s
Quick Start with Pinia
The root state AKA the Pinia instance
06m59s
The root state AKA the Pinia instance
The 3 pillars of Pinia: State
10m58s
The 3 pillars of Pinia: State
Practicing State
06m19s
Practicing State
The 3 pillars of Pinia: Getters
18m54s
The 3 pillars of Pinia: Getters
Practicing Getters
07m39s
Practicing Getters
The 3 pillars of Pinia: Actions
10m16s
The 3 pillars of Pinia: Actions
Practicing Actions
11m55s
Practicing Actions
Correctly Typing a Store
15m53s
Correctly Typing a Store
Gradient Generator
26m14s
Gradient Generator
3
Consuming the store
4 lessons
When should we use `storeToRefs()`, `toRef()`, and `toRefs()`
08m39s
When should we use `storeToRefs()`, `toRef()`, and `toRefs()`
How does `useStore()` work?
FREE
10m15s
How does `useStore()` work?
Faster development with Hot Module Replacement
06m35s
Faster development with Hot Module Replacement
Fix misusing stores in different places
10m20s
Fix misusing stores in different places
4
Option Stores vs Setups Stores
4 lessons
What are Setup Stores and how do they compare to Option Stores
15m28s
What are Setup Stores and how do they compare to Option Stores
Why both syntaxes?
03m50s
Why both syntaxes?
When to choose one syntax over the other
12m40s
When to choose one syntax over the other
Setup Stores Weaknesses
05m46s
Setup Stores Weaknesses
5
Debugging stores with the Devtools
1 lessons
6
Maintainable stores
16 lessons
Keeping stores simple
03m19s
Keeping stores simple
Partitioning setup stores
15m39s
Partitioning setup stores
Refactoring Stores Introduction
01m59s
Refactoring Stores Introduction
Refactoring Stores Solution
14m35s
Refactoring Stores Solution
Creating private state
09m19s
Creating private state
Private State Introduction
03m55s
Private State Introduction
Private State Solution
02m43s
Private State Solution
Creating definePrivateState
06m21s
Creating definePrivateState
Creating definePrivateStore
05m48s
Creating definePrivateStore
Creating defineReadonlyState
05m30s
Creating defineReadonlyState
Using Composables in Option Stores
12m44s
Using Composables in Option Stores
Using Composables in Setup Stores
08m37s
Using Composables in Setup Stores
(Not) Overusing stores
08m31s
(Not) Overusing stores
Data Fetching Introduction
03m42s
Data Fetching Introduction
Data Fetching Solution Part 1: useQuery
24m20s
Data Fetching Solution Part 1: useQuery
Data Fetching Solution Part 2: useMutation
12m34s
Data Fetching Solution Part 2: useMutation
7
Server Side Rendering
5 lessons
SSR-friendly State
10m44s
SSR-friendly State
Complex State Serialization
09m33s
Complex State Serialization
Complex State in Nuxt with Payload Plugins
03m48s
Complex State in Nuxt with Payload Plugins
State Hydration in Option Stores
09m43s
State Hydration in Option Stores
State Hydration in Setup Stores
05m50s
State Hydration in Setup Stores
8
How to test stores
8 lessons
Introduction to Testing Stores
FREE
01m53s
Introduction to Testing Stores
Unit Testing Stores
08m31s
Unit Testing Stores
Exercise - Testing Stores Introduction
39s
Exercise - Testing Stores Introduction
Exercise - Testing Stores Solution
11m59s
Exercise - Testing Stores Solution
Stores with Plugins
05m32s
Stores with Plugins
Mocking Stores
18m05s
Mocking Stores
Exercise - Mocking Stores Introduction
33s
Exercise - Mocking Stores Introduction
Exercise - Mocking Stores Solution
14m02s
Exercise - Mocking Stores Solution
9
Augmenting stores with Pinia plugins
8 lessons
What is a Pinia Plugin?
04m31s
What is a Pinia Plugin?
Adding new properties to Stores
08m52s
Adding new properties to Stores
Adding new state to Stores
06m05s
Adding new state to Stores
Subscribing to state changes with $subscribe
08m54s
Subscribing to state changes with $subscribe
Intercepting Actions with $onAction
11m42s
Intercepting Actions with $onAction
Defining and using custom store options
08m38s
Defining and using custom store options
Exercise - Action Retrying Introduction
03m40s
Exercise - Action Retrying Introduction
Exercise - Action Retrying Solution
18m13s
Exercise - Action Retrying Solution