React به دلیل ویژگیهای عملکرد عالی خود شناخته شده است، اما هنوز باید از مشکلات رایج عملکرد و نحوه مقابله با آن آگاه باشید. این دوره به شما کمک میکند تا برنامههای React خود را سریع و کارآمد کنید.
آنچه یاد خواهید گرفت:
عملکرد برنامه React ممکن است به دلیل رندر شدن بیش از حد مؤلفهها دچار مشکل شود. همچنین معمول است که بستههای برنامه React خیلی بزرگ میشوند و دانلود آن خیلی طول میکشد. در این دوره آموزشی، Optimize Performance for React، یاد خواهید گرفت که چگونه مشکلات رایج عملکرد React را شناسایی کرده و به آنها رسیدگی کنید. ابتدا، نحوه تجزیه و تحلیل و رفع رندرهای هدر رفته در هر دو مؤلفه کلاسی و عملکردی را بررسی خواهید کرد. در مرحله بعد، نحوه ذخیره کردن نتایج عملیات گران قیمت را خواهید دید. در نهایت، یاد خواهید گرفت که چگونه با استفاده از بیلدهای تولیدی و بارگذاری تنبل کامپوننت، اندازه بسته برنامه خود را کاهش دهید. وقتی این دوره را به پایان رساندید، مهارتها و دانش لازم در مورد عملکرد React را خواهید داشت تا اطمینان حاصل کنید که برنامههای React شما در سریعترین زمان ممکن دانلود و اجرا میشوند.
نمونه ویدیوی آموزشی ( زیرنویسها جدا از ویدیو است و میتوانید آنرا نمایش ندهید ) :
[ENGLISH]
01 Course Overview [1min]
01-01 Course Overview [1mins]
02 Getting Started [11mins]
02-01 Introduction [3mins]
02-02 What You`ll Need on Your Machine [1mins]
02-03 What You`ll Be Working On [2mins]
02-04 Getting up and Running with the Code [3mins]
02-05 An Introduction to the React Profiler [2mins]
03 Fixing Wasted Rendering Issues [28mins]
03-01 Introduction to React Rendering [2mins]
03-02 The Virtual DOM [2mins]
03-03 Preventing Wasted Renders in a Simple Component [6mins]
03-04 Preventing Wasted Renders in Functional Components [3mins]
03-05 Preventing Wasted Renders When Dealing with Complex Props [6mins]
03-06 Using Immutable Data in Order to Allow for Comparisons [6mins]
03-07 Preventing Wasted Renders in Repeated Components [3mins]
04 Fixing Large Bundles and Expensive Operation Issues [16mins]
04-01 Caching Expensive Operation Results [6mins]
04-02 Reducing Bundle Sizes [4mins]
04-03 Lazy Loading Components [6mins]
[فارسی]
01 نمای کلی دوره [1 دقیقه]
01-01 بررسی اجمالی دوره [1 دقیقه]
02 شروع به کار [11 دقیقه]
02-01 مقدمه [3 دقیقه]
02-02 آنچه در دستگاه خود نیاز دارید [1 دقیقه]
02-03 آنچه روی آن کار خواهید کرد [2 دقیقه]
02-04 بلند شدن و دویدن با کد [3 دقیقه]
02-05 مقدمهای بر React Profiler [2 دقیقه]
03 رفع مشکلات رندر هدر رفته [28 دقیقه]
03-01 مقدمهای بر React Rendering [2 دقیقه]
03-02 DOM مجازی [2 دقیقه]
03-03 جلوگیری از رندرهای هدر رفته در یک کامپوننت ساده [6 دقیقه]
03-04 جلوگیری از رندرهای هدر رفته در اجزای عملکردی [3 دقیقه]
03-05 جلوگیری از هدر رفتن رندرها هنگام برخورد با وسایل پیچیده [6 دقیقه]
03-06 استفاده از دادههای تغییرناپذیر به منظور امکان مقایسه [6 دقیقه]
03-07 جلوگیری از رندرهای هدر رفته در کامپوننتهای مکرر [3 دقیقه]
04 رفع بستههای بزرگ و مشکلات عملیات گران قیمت [16 دقیقه]
04-01 ذخیره کردن نتایج عملیات گران قیمت [6 دقیقه]
04-02 کاهش اندازه بستهها [4 دقیقه]
04-03 بارگذاری تنبل اجزا [6 دقیقه]
هندریک کار خود را در سال 2000 با نصب MS Outlook بر روی رایانههای شخصی در معادن زغال سنگ در سراسر آفریقای جنوبی آغاز کرد. به طور جدی. او باید کلاه سخت و همه چیز بر سر میگذاشت. خوشبختانه او پایش را وارد در شرکتی کرد که به او اجازه داد با کد بازی کند. در یک میز. بدون کلاه سخت. هندریک در کار روزانه خود یک کدنویس تمام پشته از کیپ تاون است، اما در شب او یک طراح کمد است - یعنی یک طراح گرافیک خیلی ترسیده است که آن را با همه به اشتراک بگذارد، نه کسی که کمدها را طراحی میکند. او برای بخش بزرگی از زندگی حرفهای خود با داتنت کار میکرد، اما در چند سال گذشته بیشتر وقت خود را با جاوا اسکریپت هم بر روی سرور و هم بر روی کلاینت گذراند. هندریک معتقد است که یادگیری باید سریع و بدون کرک باشد. او امیدوار است که این امر در دورههای او مشهود باشد.