The complete guide to Mastering Pinia

[Farid]

Year of release : 2024
Manufacturer : Mastering Pinia
Manufacturer's site :

[To see links please register or login]

Автор : St. Martin Morote, A. Cyrias, D. Kelly
Duration : 10:18:00
Type of material given : Video lesson
Language : En

Description :
Become an expert in the official state management solution for Vue.js
Build robust Vue.js applications that scale
Maintainable and high-quality codebases often come down to the decisions you make early on. Save yourself and your team time and effort by choosing the proper state management patterns and tools up front.
Common Obstacles to Scaling your Vue.js App
Code is poorly organised

Security issues in Server Side Rendered applications

Headaches passing data between components

Struggling on how to share global state

Wrestling with what is and isn't the right use case for global state

But I'm already using a state management solution!

Using Pinia or any other state management solution the wrong way will, in most cases, create spaghetti code that is hard to maintain and refactor.
Also, Pinia is the officially recommended solution for state management. So, you should really consider using Pinia properly in your apps.
The Guide to Scalable Vue Apps and Implementing State Management the Right Way!
A proper state management solution is built to address common pitfalls of building scalable Vue.js applications from the very beginning. It gives you enough freedom to organize your stores, while still enabling good practices, like code splitting, by default.
While there is no such thing as a silver bullet for state management, Pinia makes handling global reactive state easy. How? In many ways! It uses familiar concepts like getters and actions that are easy to reason about. Pinia's stores also work seamlessly with Vue components written either in the Options API or the Composition API. You can even use Vue composables directly inside your stores for a super-powered global state.
This course also covers the bad and good practices of using Pinia, so you can not only build stores the right way but also improve your existing ones.
Who better to deliver the course than the man who authored Pinia, Eduardo San Martin Morote?
Practical outcomes from a practical course
Build a simple state management solution from scratch to better understand Pinia's inner workings

Understand the underlying Vue concepts that make a state management solution

Learn to use Pinia the right way

Ensure your apps work with Server Side Rendering (SSR)

Discover how to use the Pinia devtools efficiently

Build maintainable stores

Refactor existing stores

Build Pinia plugins

Test stores and components

Learn Pinia best practices and insights

And many more.
Who is this course for?
This course is for web developers who are looking to learn how to build robust, quality Vue.js applications that scale, are easy to test, and meet user needs.
You don't need to have prior experience with Pinia but you should be comfortable with the Vue framework.
The course is particularly helpful for developers who are looking to implement state management the right way, into existing or new applications, as well as experienced Pinia developers who are looking improve the quality of their stores and level up their codebase.
If you are a professional or aspiring Vue developer this course is made for you!
Content
1 The What and Why of State Management and Stores
2 Creating a Store from Scratch
3 Collecting effects with effectScope
4 Touring the Exercise Platform
5 Creating our own defineStore()
6 Dependency Injection with provide and inject
7 Exercise - Use inject and provide to ensure our stores are app-specific
8 Bonus Exercise Introduction
9 Bonus Exercise Solution
10 Why use Pinia
11 Quick start with Pinia
12 The root state AKA the Pinia instance
13 The three pillars of Pinia- State
14 Practicing store's state
15 The three pillars of Pinia- Getters
16 Practicing store getters
17 The three pillars of Pinia- Actions
18 Practicing store actions
19 Correctly Typing a Store
20 Building a gradient color generator
21 When should we use storeToRefs, toRef and toRefs
22 How does useStore work
23 Faster development with Hot Module Replacement (HMR)
24 fixing_broken_stores
25 What are Setup Stores and how do they compare to Option Stores
26 Why both Syntaxes
27 When to choose one syntax over the other
28 Setup Stores Weakness
29 Introduction of the Devtools
30 Keeping stores simple
31 partitioning setup stores
32 exercise_intro
33 solution_refactoring_stores_2
34 creating_private_state_2
35 exercise introduction
36 exercise solution
37 exercise solution
38 exercise solution
39 exercise solution
40 Using Composables in Option Stores
41 Using Composables in Setup Stores_4
42 (Not) Overusing stores_3
43 ex data fetching introduction
44 ex solution. Part 1 - useQuery data fetching
45 ex solution. Part 2 - useMutation data fetching
46 SSR-friendly state.mp4
47 Complex state serialization
48 Complex state in Nuxt with Payload plugins
49 State Hydration in Option Stores
50 State Hydration in Setup Stores
51 Introduction
52 Unit Testing Stores
53 ex introduction Testing Stores
54 ex solution Testing Stores
55 Stores with Plugins
56 Mocking Stores
57 ex Mocking Stores
58 ex solution Mocking Stores
59 What is a Pinia Plugin_2
60 Adding new properties to the store_UPDATED
61 Adding new state to stores
62 Subscribing to state changes_UPDATED
63 Intercepting actions
64 defining custom options
65 ex Retry failed actions
66 ex solution Retry failed actions
[curtail]Example files : present
Format Video : mp4
Video : AVC, 1920x1080, 16: 9, 30fps, 250 - 4200 KBPS
Audio : AAC, 2 CH, 50-300 kbps

[center]⋆🕷- - - - -☽───⛧ ⤝❖⤞ ⛧───☾ - - - -🕷⋆[/center]

📌 The complete guide to Mastering Pinia (1.68 GB)
NitroFlare Link(s)

[To see links please register or login]

RapidGator Link(s)

[To see links please register or login]