مدیریت وضعیت در Vue
Vue State Management
State management is at the heart of every Vue application, but exactly how you manage that state can sometimes be...confusing. So let's explore your options! We'll start with the basics, like props and events, before moving on to provide/inject, custom composables, and Pinia. Along the way, we'll tackle practical, real-world scenarios. By the end, you'll know exactly which approach to use and when, so your apps stay clean, organized, and fun to work on.
قسمتهای دوره
Basic State Management (2)
مدیریت وضعیت پایه با استفاده از Props
8m 28sLearn how to manage Vue state simply by passing data with props and events to keep your components synced and reactive.
کاهش حفاری Props با استفاده از Provide و Inject
9m 7sLearn how to simplify data sharing in Vue by using provide and inject to avoid prop drilling and keep your components clean and efficient.
Custom Composables (1)
Pinia State Management (8)
معرفی مدیریت وضعیت Pinia
10m 34sGet started with Pinia, Vue’s recommended state management library, and learn how it simplifies handling app state with ease and clarity.
اکشنهای ناهمزمان با استفاده از Pinia
13m 44sLearn how to create async actions in Pinia to handle API calls and manage asynchronous tasks smoothly in your Vue applications.
Master authentication in Vue by learning how to store and manage auth data efficiently using Pinia for secure, seamless apps.
ثبت و دریافت سفارشها
14m 16sLearn how to securely place and retrieve orders with authenticated API calls, ensuring a smooth experience for logged-in users.
$onAction در Pinia
8m 34sDiscover how Pinia’s $onAction hook lets you flexibly respond to store actions and trigger user-friendly toast notifications with ease.
پلاگینهای Pinia
8m 56sLearn to create custom Pinia plugins and integrate pinia-plugin-persistedstate to boost your store’s functionality and persistence.
تست ذخیرهگاههای Pinia
13m 34sLearn how to test Pinia stores in isolation and verify components that rely on them for reliable, maintainable Vue applications.
Pinia و SSR (با استفاده از Nuxt)
8m 7sExplore how to seamlessly integrate Pinia with Nuxt’s SSR, ensuring smooth state management in server-side rendered Vue apps.
Wrapping Up (2)
وضعیت ناهمزمان با استفاده از Tanstack Query
14m 28sLearn how Tanstack Query simplifies server-side state with less boilerplate and adds retry with backoff for robust async data handling.
مرحله بعدی کجاست؟
2m 22sReflect on your Vue journey, review key lessons, and discover the best next steps to keep growing your skills and confidence.
