آموزش عملکرد را برای React بهینه کنید

Optimize Performance for React

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیویی برای نمایش وجود ندارد.
توضیحات دوره: React به دلیل ویژگی های عملکرد عالی خود شناخته شده است ، اما شما هنوز هم باید از مشکلات معمول عملکرد و نحوه مقابله با آن آگاه باشید. این دوره به شما کمک می کند تا برنامه های React شما سریع و کارآمد باشند. عملکرد برنامه React ممکن است به دلیل رندر بیش از حد اجزای سازنده ، آسیب ببیند. همچنین معمول است که بسته های نرم افزاری React خیلی زیاد ختم می شوند و بارگیری آنها خیلی طولانی می شود. در این دوره ، بهینه سازی عملکرد برای React ، یاد خواهید گرفت که چگونه مشکلات رایج React را شناسایی و برطرف می کنیم. ابتدا ، نحوه تجزیه و تحلیل و رفع رندرهای هدر رفته در هر دو م componentsلفه کلاس و عملکرد را کشف خواهید کرد. در مرحله بعدی ، خواهید دید که چگونه نتایج عملیات گران قیمت را پنهان می کنیم. سرانجام ، شما می آموزید که چگونه با استفاده از ساختارهای تولیدی و بارگذاری اجزای تنبل ، اندازه بسته نرم افزاری برنامه خود را کاهش دهید. پس از اتمام این دوره ، مهارت و دانش عملکرد React لازم را برای اطمینان از بارگیری و اجرای برنامه های React در سریعترین زمان ممکن خواهید داشت.

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

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

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

شروع شدن Getting Started

  • مقدمه Introduction

  • آنچه در دستگاه خود نیاز دارید What You'll Need on Your Machine

  • آنچه شما در حال کار بر روی آن هستید What You'll Be Working On

  • بلند شدن و اجرا شدن با کد Getting up and Running with the Code

  • مقدمه ای بر پروفایلر React An Introduction to the React Profiler

رفع مشکلات رندر تلف شده Fixing Wasted Rendering Issues

  • مقدمه ای برای React Rendering Introduction to React Rendering

  • DOM مجازی The Virtual DOM

  • جلوگیری از هدر رفتن رندرها در یک م Simpleلفه ساده Preventing Wasted Renders in a Simple Component

  • جلوگیری از هدر رفتن رندر در اجزای عملکردی Preventing Wasted Renders in Functional Components

  • جلوگیری از هدر رفتن رندر هنگام برخورد با وسایل پیچیده Preventing Wasted Renders When Dealing with Complex Props

  • استفاده از داده های تغییرناپذیر به منظور اجازه مقایسه Using Immutable Data in Order to Allow for Comparisons

  • جلوگیری از هدر رفتن رندر در قطعات تکرار شده Preventing Wasted Renders in Repeated Components

رفع بسته های بزرگ و مشکلات عملیاتی گران قیمت Fixing Large Bundles and Expensive Operation Issues

  • پنهان کردن نتایج عملیات گران قیمت Caching Expensive Operation Results

  • کاهش اندازه بسته نرم افزاری Reducing Bundle Sizes

  • اجزای تنبل بارگیری Lazy Loading Components

نمایش نظرات

آموزش عملکرد را برای React بهینه کنید
جزییات دوره
0h 56m
16
Pluralsight (پلورال سایت) Pluralsight (پلورال سایت)
(آخرین آپدیت)
69
5 از 5
دارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Hendrik Swanepoel Hendrik Swanepoel

هندریک در سال 2000 کار خود را با نصب MS Outlook روی رایانه های شخصی در معادن ذغال سنگ در سراسر آفریقای جنوبی آغاز کرد. به طور جدی. او مجبور بود کلاه سخت و همه چیز بپوشد. خوشبختانه او در شرکتی که به او اجازه می داد با کد بازی کند ، پای خود را وارد در کرد. پشت میز بدون کلاه سفت. هندریک در کار روزانه خود یک رمز گذار کامل از کیپ تاون است ، اما در شب او یک طراح کمد است - یعنی یک طراح گرافیک خیلی ترسیده است که آن را با همه به اشتراک بگذارد ، نه کسی که کمد طراحی می کند. در بخش عمده ای از زندگی حرفه ای خود با NET کار می کرد ، اما در چند سال گذشته بیشتر وقت خود را با JavaScript در سرور و کلاینت گذراند. هندریک معتقد است که یادگیری باید سریع و بدون کرک انجام شود. او امیدوار است که این در دوره های خود مشهود باشد.