لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش مقدمه ای بر ماشین های حالت با XState و React
Introduction to State Machines with XState and React
نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:
آموزش ساخت برنامه های پیچیده وب و مدیریت حالت با ماشین های حالت محدود با استفاده از Javascript و React Building State Machines with Javascript and Typescript مدیریت بهتر حالت در برنامه های React توصیف منطق پیچیده کسب و کار به روشی ساده ساخت برنامه های کاربردی وب کم خطا پیش نیازها:Basic دانش جاوا اسکریپت پایه دانش واکنش بدون نیاز به تنظیم محلی
این دوره مقدمه ای بر ماشین های حالت محدود ساخته شده با جاوا اسکریپت است. ماشینهای حالت میتوانند برنامههای پیچیده را بهراحتی توصیف کنند، که باعث میشود کار با آنها بصری و کمتر مستعد خطا باشد. ماشینهای حالت را میتوان به راحتی با React ادغام کرد، که به ما امکان میدهد یک رویکرد کاملاً جدید برای مدیریت حالت در برنامههای React داشته باشیم.
این دوره مفاهیم اولیه در مورد ماشینهای حالت و استفاده از آنها با XState را نشان میدهد. همچنین، حاوی مثالهای کدنویسی متعددی است که به دانشآموزان اجازه میدهد تا درک بهتری از این موضوع داشته باشند.
دستور کار:
مقدمه ای بر ماشین های حالت
وضعیتها، رویدادها و انتقالها
عملکردها
متن
نگهبان
اطلاعات بیشتر در مورد انتقال
فراخوانی خدمات
ماشین های فراخوان
تاخیرها
در کنار ارائهها، برخی از نمونههای واقعی را نیز کدنویسی میکنیم، مانند:
پخش کننده ویدیو با گزینه پخش خودکار
واکشی ماشین برای رسیدگی به درخواستهای ناهمگام
جستجوی مؤلفه با انحراف
سرفصل ها و درس ها
برنامه درسی و پیش نیازها
Curriculum and prerequisites
برنامه درسی و پیش نیازها
Curriculum and prerequisites
کد منبع و اسلایدهای ارائه
Source code and presentation slides
مقدمه ای بر ماشین های دولتی
Introduction to State Machines
مقدمه ای بر ماشین های دولتی
Introduction to State Machines
اصول اولیه ماشین آلات
State machines basics
حالات، رویدادها و گذارها
States, events and transitions
حالات، رویدادها و گذارها
States, events and transitions
ایجاد ماشین آب و تجسم آن با XState Viz
Creating water machine and visualizing it with XState Viz
اتصال دستگاه آب به برنامه React
Connecting water machine to React application
ایالات و رویدادها
States and events
اقدامات
Actions
اقدامات
Actions
ایجاد دستگاه پخش کننده ویدئو
Creating video player machine
اصول اولیه اقدامات
Actions basics
متن نوشته
Context
متن نوشته
Context
اتصال ویدیوی واقعی به دستگاه پخش ما
Connecting real video to our player machine
مبانی زمینه
Context basics
نگهبانان
Guards
نگهبانان
Guards
اصول اولیه نگهبانی
Guards basics
بیشتر در مورد انتقال
More on transitions
بیشتر در مورد انتقال
More on transitions
افزودن گزینه پخش خودکار به دستگاه پخش کننده ویدیوی ما
Adding autoplay option to our video player machine
چندین نوع انتقال
Multiple types of transitions
فراخوانی خدمات و ماشین های موازی
Invoking services and parallel machines
فراخوانی خدمات
Invoking services
ماشین واکشی ایجاد کنید
Create fetching machine
اصول اولیه خدمات
Services basics
ماشین های فراخوانی
Invoking machines
ماشین های فراخوانی
Invoking machines
اصول فراخوانی ماشین ها
Invoking machines basics
تاخیر
Delays
تاخیر
Delays
اصول اولیه را به تاخیر می اندازد
Delays basics
PROJECT - ماشین جستجو با debounce و Typescript
PROJECT - Search machine with debounce and Typescript
یک ماشین جستجو با debounce ایجاد کنید
Create a search machine with debounce
پشتیبانی از تایپ اسکریپت را به ماشین جستجو اضافه کنید
Add typescript support to search machine
نمایش نظرات