آموزش Vue 3 State Management با Pinia

Vue 3 State Management with Pinia

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: این دوره به شما می آموزد که چگونه با استفاده از Pinia وضعیت برنامه را در برنامه های Vue مدیریت کنید. کتابخانه رسمی مدیریت دولتی Vue. هر برنامه وب مدرن نیاز به مدیریت و ذخیره وضعیت برنامه سمت سرویس گیرنده و تعامل با سرور از طریق API دارد. در این دوره، Vue 3 State Management with Pinia، یاد خواهید گرفت که چگونه با استفاده از Pinia، وضعیت برنامه را در برنامه های Vue مدیریت کنید. کتابخانه رسمی مدیریت دولتی Vue. ابتدا، با دو نوع فروشگاه Pinia آشنا خواهید شد: Setup Stores و Options Stores. سپس، نحوه ایجاد فروشگاه Pinia و بازیابی داده‌ها، از جمله داده‌های محاسبه‌شده، را از فروشگاه بررسی خواهید کرد. در مرحله بعد، نحوه استفاده از کنش‌های Pinia برای پر کردن داده‌های فروشگاه از جمله استفاده از کنش‌های ناهمزمان برای ادغام با APIهای خارجی برای بازیابی و ذخیره داده‌ها از یک سرور بک‌اند را خواهید یافت. پس از آن، یاد خواهید گرفت که چگونه پلاگین های سفارشی برای Pinia ایجاد کنید تا به راحتی قابلیت هایی را به همه فروشگاه های خود اضافه کنید، به عنوان مثال، داده ها را در LocalStorage مرورگر ذخیره کنید. در نهایت، خواهید دید که چگونه می‌توانید همه این کارها را با Setup Stores و Options Stores و همچنین نحوه مصرف این فروشگاه‌ها از هر دو مؤلفه API ترکیبی و مؤلفه‌های API گزینه‌ها انجام دهید. وقتی این دوره را به پایان رساندید، مهارت ها و دانش Pinia مورد نیاز برای ایجاد برنامه های Vue قوی با الزامات مدیریت ایالت در دنیای واقعی را خواهید داشت.

سرفصل ها و درس ها

بررسی اجمالی دوره Course Overview

  • بررسی اجمالی دوره Course Overview

شروع کار با پینیا Getting Started with Pinia

  • معرفی Introduction

  • شروع به کار با برنامه آزمایشی ما Getting Started with Our Demo Application

  • مدیریت دولتی چیست؟ What Is State Management?

  • درک اصول پینیا Understanding Pinia's Basics

  • افزودن Pinia به یک برنامه Vue Adding Pinia to a Vue Application

کار با Pinia Store State Working with Pinia Store State

  • معرفی Introduction

  • ایجاد فروشگاه پینیا Creating a Pinia Store

  • ذخیره و دسترسی به داده ها در فروشگاه Pinia Storing and Accessing Data in a Pinia Store

  • ایجاد حالت محاسبه شده در فروشگاه Pinia Creating Calculated State in a Pinia Store

  • حفظ واکنش پذیری با وضعیت فروشگاه Pinia Maintaining Reactivity with Pinia Store State

  • وضعیت فروشگاه وصله Patching Store State

اقدامات Pinia و دسترسی به داده های API ناهمزمان Pinia Actions and Accessing Asynchronous API Data

  • معرفی Introduction

  • ایجاد یک اقدام همزمان ساده Creating a Simple Synchronous Action

  • راه اندازی یک پروکسی توسعه برای تماس های API Setting up a Development Proxy for API Calls

  • دسترسی به داده های API با اقدامات در یک فروشگاه راه اندازی Accessing API Data with Actions in a Setup Store

  • در انتظار اقدامات Async با تعلیق Awaiting Async Actions with Suspense

سناریوهای فروشگاه پینیا پیشرفته Advanced Pinia Store Scenarios

  • معرفی Introduction

  • آهنگسازی فروشگاه های پینیا Composing Pinia Stores

  • اجتناب از مراجع دایره ای Avoiding Circular References

  • کپسوله کردن منطق کسب و کار در فروشگاه ها Encapsulating Business Logic in Stores

  • استفاده از فروشگاه های پینیا خارج از اجزای سازنده Using Pinia Stores Outside of Components

  • فعال کردن جایگزینی ماژول داغ Enabling Hot Module Replacement

ایجاد و استفاده از پلاگین های Pinia Creating and Using Pinia Plugins

  • معرفی Introduction

  • اشتراک در به‌روزرسانی‌های وضعیت فروشگاه Subscribing to Store State Updates

  • اشتراک در تماس های اقدام فروشگاه Subscribing to Store Action Calls

  • ایجاد یک پلاگین Pinia Creating a Pinia Plugin

  • افزودن و استفاده از گزینه های فروشگاه Adding and Using Store Options

  • بسته بندی اقدامات فروشگاه با یک پلاگین Wrapping Store Actions with a Plugin

  • استفاده از پلاگین های موجود Pinia Using Existing Pinia Plugins

  • استفاده از Composables در فروشگاه Pinia Using Composables in Pinia Stores

استفاده از Options Stores Using Options Stores

  • معرفی Introduction

  • تعریف حالت در فروشگاه گزینه ها Defining State in an Options Store

  • تعریف Getters در یک فروشگاه گزینه Defining Getters in an Options Store

  • تعریف اقدامات در فروشگاه گزینه ها Defining Actions in an Options Store

  • تعریف گزینه های فروشگاه در فروشگاه گزینه ها Defining Store Options in an Options Store

استفاده از Pinia Stores در Options API Components Using Pinia Stores in Options API Components

  • معرفی Introduction

  • دسترسی به فروشگاه ها با Setup Hook Accessing Stores with the Setup Hook

  • دسترسی به State و Actions با Map() Helpers Accessing State and Actions with map() Helpers

  • دسترسی به Getters با mapState() Accessing Getters with mapState()

  • کار با Writable State با mapWritableState() Working with Writable State with mapWritableState()

نمایش نظرات

آموزش Vue 3 State Management با Pinia
جزییات دوره
2h 40m
41
Pluralsight (پلورال سایت) Pluralsight (پلورال سایت)
(آخرین آپدیت)
از 5
دارد
دارد
دارد
Jim Cooper
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Jim Cooper Jim Cooper

مهندس نرم افزار و نویسنده دوره ویدیویی