Frontend Masters – State Modeling in React with XState 2020-12

توضیحات

State Modeling in React with XState، مدل سازی state در ریکت با استفاده از XState، توسط آکادمی Frontend Masters منتشر شده است. XState به شما کمک می کند تا هر دو حالت state محلی و گلوبال را در React مدیریت کنید. در این دوره، ما یاد می گیریم که state را قبل از کد زدن با استفاده از ماشین های state و نمودارهای state مدل کنیم و سپس از آن هایی که در برنامه ما هستند برای هماهنگ کردن منطق برنامه های پیچیده استفاده کنیم. ما همچنین ماشین های خود را در زمان واقعی تجسم می کنیم و یاد می گیریم که از آزمون مبتنی بر مدل استفاده کنیم مدرس مدل سازی نرم افزار را به این صورت توصیف می کند که می داند یک برنامه در هر زمان چگونه رفتار خواهد کرد. یک مولفه React می تواند state خود را با استفاده از useState مدل سازی کند، با این حال، منطق می تواند زمانی پیچیده شود که چندین مقدار state برای مدیریت وجود داشته باشد.

سپس از یک ابزار آنلاین Excalidraw برای دیاگرام ماشین state برای مولفه ضامن استفاده می کنیم. سه حالت وجود دارد: غیر فعال، معلق، و فعال. رویدادهایی که باعث تغییرات state می شوند، رویداد toggle و یک رویداد موفقیت هستند. سپس میبینید که  useState به useReducer به عنوان اولین گام برای ترکیب یک ماشین حالت، دوباره بازسازی  می شود. منطق state در میان reducer متمرکز است و درک و تقسیم کردن آن در میان component ها را آسان تر می کند. در این دوره خواهید دید که switch statement را برای استفاده از یک شی ماشین دوباره باز سازس می کنیم. جریان تغییرات omponent’s state در شی ماشین پیکربندی می شود و می تواند با ابزاری مانند XState Visualizer تجسم شود که انتقال های بدون رویداد همیشه زمانی انجام می شوند که برای اولین بار ماشین حالت وارد می شود. آن ها با استفاده از ویژگی “always” پراپرتی state تعریف می شوند

آنچه خواهید آموخت

• Component State در ریکت
• نمودار یک ماشین state
• بازسازی با useReducer
• استفاده از شی ماشینی
• پارامتر سازی اکشن ها
• ادغام کتابخانه های دیگر
• انتقال های محافظت شده
• انتقال های بدون event
• state مشترک با useService

مشخصات دوره State Modeling in React with XState

• ناشر : Frontend Masters
• مدرس : David Khourshid
• زبان: انگلیسی
• سطح آموزش: پیشرفته
• تعداد دروس: 35
• مدت زمان آموزش: 4 ساعت

سر فصل های دوره State Modeling in React with XState

# Introduction
# State Machines
# XState Machines
# Transitions
# State Types
# Actors
# Wrapping Up

پیش نیاز های دوره

• Some fundamental knowledge about React

تصاویر

فیلم نمونه

راهنمای نصب

پس از Extract، با Player دلخواه خود مشاهده کنید.

زیرنویس: انگلیسی

کیفیت: 1080p

لینک دانلود

دانلود بخش 1 – 1 گیگابایت

دانلود بخش 2 – 912 مگابایت

گذرواژه فایل(ها): www.downloadly.ir

حجم فایل

1.89 گیگابایت