مدیریت استیت در Vue 3 با Pinia
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
هر وب اپلیکیشن مدرن نیاز دارد تا استیت اپلیکیشن سمت کلاینت را مدیریت و ذخیره کند و از طریق API ها با سرور ارتباط برقرار کند. در این دوره، مدیریت استیت در Vue 3 با Pinia، یاد خواهید گرفت که چگونه استیت اپلیکیشن را در اپلیکیشن های Vue با استفاده از Pinia، کتابخانه رسمی مدیریت استیت Vue، مدیریت کنید.
ابتدا با دو نوع استور Pinia آشنا میشوید: Setup Stores و Options Stores. سپس خواهید دید که چگونه یک استور Pinia بسازید و دادهها را از استور، از جمله دادههای محاسباتی، بازیابی کنید. در مرحله بعد، یاد میگیرید که چگونه از اکشنهای Pinia برای پر کردن دادههای استور، از جمله استفاده از اکشنهای ناهمزمان برای ادغام با API های خارجی جهت بازیابی و ذخیره دادهها از یک سرور پشتیبانی استفاده کنید.
بعد از آن، یاد خواهید گرفت که چگونه پلاگینهای سفارشی برای Pinia بسازید تا به راحتی قابلیتهای جدیدی به تمام استورهای خود مانند ذخیرهسازی دادهها در LocalStorage مرورگر، به عنوان مثال اضافه کنید. در نهایت، میبینید که چگونه همه این کارها را هم با Setup Stores و هم با Options Stores انجام دهید و چگونه این Stores را از کامپوزیشن API و کامپوننت های API با اپشن ها consume کنید.
پس از اتمام این دوره، مهارتها و دانش مربوط به Pinia را خواهید داشت که برای ایجاد اپلیکیشن های قدرتمند Vue با نیازهای واقعی مدیریت استیت ضروری است.
مدیریت استیت در Vue 3 با Pinia
-
بررسی دوره 0:02:00
-
مقدمه 0:01:00
-
شروع کار با اپلیکیشن دمو ما 0:06:00
-
مدیریت استیت چیست؟ 0:02:00
-
درک اصول اولیه Pinia 0:02:00
-
اضافه کردن Pinia به یک اپلیکیشن Vue 0:02:00
-
مقدمه 0:01:00
-
ایجاد یک Pinia Store 0:04:00
-
ذخیرهسازی و دسترسی به دادهها در یک Pinia Store 0:07:00
-
ایجاد وضعیت محاسباتی در یک Pinia Store 0:03:00
-
حفظ واکنشپذیری با استیت Pinia Store 0:07:00
-
پچ کردن Store State 0:05:00
-
مقدمه 0:01:00
-
ایجاد یک اکشن همزمان ساده 0:05:00
-
راه اندزای یک پروکسی توسعه برای فراخوانیهای API 0:04:00
-
دسترسی به دادههای API با اکشنها در یک Setup Store 0:04:00
-
انتظار برای اکشنهای غیرهمزمان با استفاده از Suspense 0:05:00
-
مقدمه 0:01:00
-
کامپوز کردن Pinia Stores 0:05:00
-
اجتناب از ارجاعات دایرهای 0:05:00
-
کپسوله سازی منطق کسبوکار در Stores 0:06:00
-
استفاده از Pinia Stores خارج از کامپوننت ها 0:04:00
-
فعالسازی تعویض Hot Module 0:03:00
-
مقدمه 0:01:00
-
اشتراکگذاری بهروزرسانیهای Store State 0:06:00
-
اشتراکگذاری در فراخوانیهای Store Action 0:04:00
-
ایجاد یک پلاگین Pinia 0:07:00
-
اضافه کردن و استفاده از Store Options 0:07:00
-
Wrap کردن اکشنهای Store با یک پلاگین 0:06:00
-
استفاده از پلاگینهای موجود Pinia 0:01:00
-
استفاده از Composables در Pinia Stores 0:04:00
-
مقدمه 0:01:00
-
تعریف استیت در یک Options Store 0:05:00
-
تعریف Getterها در یک Options Store 0:05:00
-
تعریف اکشنها در یک Options Store 0:04:00
-
تعریف Store Options در یک Options Store 0:02:00
-
مقدمه 0:01:00
-
دسترسی به Stores با استفاده از Setup Hook 0:06:00
-
دسترسی به استیت و اکشنها با استفاده از map() Helpers 0:06:00
-
دسترسی به Getterها با استفاده از ()mapState 0:03:00
-
کار با استیت قابل نوشتن با استفاده از ()mapWritableState 0:05:00
مشخصات آموزش
مدیریت استیت در Vue 3 با Pinia
- تاریخ به روز رسانی: 1404/06/21
- سطح دوره:متوسط
- تعداد درس:41
- مدت زمان :2:39:47
- حجم :431.0MB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy