نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیویی برای نمایش وجود ندارد.
توضیحات دوره:
این دوره به شما می آموزد که چه ویژگی های جدیدی را React 18 به ارمغان می آورد، از جمله Suspense که بر روی موتور رندر جدید React ساخته شده است. ویژگی های جدید React 18 به شما کمک می کند برنامه های قدیمی را به روز کنید و برنامه های جدیدی را در React ایجاد کنید که تجربه کاربر را در حین استفاده بهبود می بخشد. منابع کمتری بر روی کامپیوتر خود دارند. در این دوره آموزشی، What's New in React 18، می آموزید که ویژگی های جدید نسخه منتشر شده React 18 چیست. ابتدا ویژگی های جدید نسخه React 18 را بررسی خواهید کرد. در مرحله بعد، متوجه خواهید شد که بهروزرسانی برنامههای موجود و همچنین ایجاد برنامههای جدید که از ویژگیهایی مانند اجرای Suspense در React همزمان و همچنین قلابهای React که از رندر همزمان استفاده میکنند، چقدر آسان است. در نهایت، یاد خواهید گرفت که چگونه چندین مؤلفه را با استفاده از ویژگی های همزمان جدید ترکیب کنید تا برنامه های خود را از هر نظر بهتر کنید. پس از اتمام این دوره، مهارتها و دانش ویژگیهای جدید React 18 را خواهید داشت تا بتوانید از این ویژگیها در همه برنامههای موجود و جدید React خود استفاده کنید.
سرفصل ها و درس ها
بررسی اجمالی دوره
Course Overview
-
بررسی اجمالی دوره
Course Overview
آنچه در React 18 تغییر کرده است
What’s Changed in React 18
-
چیزهای جدید و متفاوت در React 18
What’s New and Different in React 18
-
انتظارات از این دوره
Expectations for This Course
-
رندر همزمان چیست؟
What Is Concurrent Rendering?
-
انگیزه حرکت به سمت تعلیق برای رندرینگ
The Motivation for Moving to Suspense for Rendering
-
تعلیق در مورد حرکت از برنامه نویسی امری به برنامه نویسی اعلامی است
Suspense Is About Moving from Imperative to Declarative Programming
-
یک کامپوننت واکنش ساده با استفاده از تعلیق
A Simple React Component Using Suspense
-
تغییرات لازم برای رندر همزمان در React 18
Required Changes for Concurrent Rendering in React 18
-
نکات مهم و آنچه که از تعلیق در این نسخه گم شده است
Takeaways and What’s Missing from Suspense in This Release
حرکت عملی به تعلیق ویژگی جدید رندر همزمان
Hands-on Moving to the New Concurrent Rendering Feature Suspense
-
با Create React App و دوره ما GitHub Repo یک برنامه React را داربست کنید
Scaffold a React App with Create React App and Our Course GitHub Repo
-
بازیابی داده های ناهمزمان را به برنامه داربست ما اضافه کنید
Add Asynchronous Data Retrieval to Our Scaffolded App
-
ساختن یک برنامه واکنش غیرهمزمان بدون تعلیق
Building out an Asynchronous React App without Suspense
-
تماسهای API داده رندر همزمان را در مؤلفه برنامه ما اضافه کنید
Add Concurrent Rendering Data API Calls in Our App Component
-
برای رندر همزمان، DataApi Resource Promise Special ما را پیاده سازی کنید
Implement Our Special Promise Resource DataApi for Concurrent Rendering
-
Refactoring عناصر تعلیق و داده ها با استفاده از زمینه
Refactoring Suspense Elements and Data Using Context
-
نحوه مدیریت بهترین داده های اولیه مربوط به تعلیق
How to Best Handle Suspense Related Initial Data
-
یک API دیگر Suspense Data برای جزئیات شهر اضافه کنید
Add Another Suspense Data API for City Details
-
Refactor Our Suspense City Details API to React Context
Refactor Our Suspense City Details API to React Context
-
رابط کاربری برنامه های ما را با یک مرز تعلیق برای جزئیات شهر به روز کنید
Update Our Apps UI with a Suspense Boundary for City Details
-
بیاموزید که چگونه رویدادهای شلیک شده می توانند داده ها را در داخل مرزهای تعلیق به روز کنند
Learn How Fired Events Can Update Data Inside Suspense Boundaries
-
مرزهای تعلیق را در مرز تعلیق دیگر لانه می کند
Nesting Suspense Boundaries in Other Suspense Boundary
-
مدیریت تعاملات اجزای پیچیده با Suspense و useEffect
Handling Complex Component Interactions with Suspense and useEffect
-
غذای آماده
Takeaways
دست با استفاده از usetransition useterrantion new Hooks
Hands-on with the New React Hooks useTransition and useDeferredVaue
-
مقدمه ای بر useTransition و useDeferredValue
Introduction to useTransition and useDeferredValue
-
درک مبانی استفاده از انتقال
Understanding the Basics of useTransition
-
UseTransition را برای بهبود تجربه رابط کاربری برنامه لیست شهر ما پیاده کنید
Implement useTransition to Improve Our City List App’s UI Experience
-
درک اصول استفاده DeferredValue
Understanding the Basics of useDeferredValue
-
فیلد ورودی جستجوی شهر را به برنامه لیست شهر ما اضافه کنید
Add a City Search Input Field to Our City List App
-
useDeferredValue را برای بهبود عملکرد UI در فیلد جستجوی ما پیاده سازی کنید
Implement useDeferredValue to Improve UI Performance in Our Search Field
-
غذای آماده
Takeaways
React 18 نکته مهم و بهروزرسانیهای آینده مورد انتظار
React 18 Takeaways and Expected Coming Updates
-
نکات مهم دوره و آنچه باید با انتشار 18 امتیازی React انتظار داشت
Course Takeaways and What to Expect with React 18 Point Releases
Pluralsight (پلورال سایت)
Pluralsight یکی از پرطرفدارترین پلتفرمهای آموزش آنلاین است که به میلیونها کاربر در سراسر جهان کمک میکند تا مهارتهای خود را توسعه دهند و به روز رسانی کنند. این پلتفرم دورههای آموزشی در زمینههای فناوری اطلاعات، توسعه نرمافزار، طراحی وب، مدیریت پروژه، و موضوعات مختلف دیگر را ارائه میدهد.
یکی از ویژگیهای برجسته Pluralsight، محتوای بروز و با کیفیت آموزشی آن است. این پلتفرم با همکاری با توسعهدهندگان و کارشناسان معتبر، دورههایی را ارائه میدهد که با توجه به تغییرات روزافزون در صنعت فناوری، کاربران را در جریان آخرین مفاهیم و تکنولوژیها نگه میدارد. این امر به کاربران این اطمینان را میدهد که دورههایی که در Pluralsight میپذیرند، با جدیدترین دانشها و تجارب به روز شدهاند.
نمایش نظرات