@dxngkhoaKhoa Tran
React Native developer. کد تاتو!
واکنش در بیشتر مواقع عالی و سریع است. اما گاهی اوقات ، به دلیل محاسبات سنگین ، سرعت آن کاهش می یابد ، آن وقت است که برای جلوگیری از “ارائه های بیهوده” باید اجزای خود را اندازه گیری و بهینه کنیم.
بهینه سازی ها با هزینه آن همراه است ، اگر به درستی انجام نشود ، ممکن است وضعیت بدتر شود. در پست وبلاگ امروز ، ما با روند ارائه آشنا می شویم ، علت هدر رفته ارائه ، راه حل ها و نحوه خراب شدن آن را می آموزیم.
فهرست مطالب
- “رندر” چیست؟: بررسی اجمالی فرآیند ، مرحله رندر و تعهد
- رفتار استاندارد رندر: علت هدر رفتن رندرها در مرحله رندر
- بهبود عملکرد رندر: برخی از تکنیک ها
- چگونه منابع جدید Props بهینه سازی ها را می شکنند: جزئیات مشکل
- بهینه سازی منابع useMemo & useCallback
- همه چیز را به خاطر بسپارید؟
“رندر” چیست؟
تفسیر فرآیند React است که از اجزای سازنده شما می خواهد تا توصیف UI بخش را در مورد ترکیب فعلی Props و State توصیف کنند.
بررسی اجمالی فرآیند
در طی فرآیند ، React از ریشه درخت م startلفه شروع می شود و به سمت پایین حلقه می زند تا م componentsلفه هایی را که به عنوان نیاز به بروزرسانی پرچم گذاری می شوند ، پیدا کنید. برای هر یک از اجزای پرچم دار ، آن را فراخوانی می کند ارائه دادن()(برای اجزای کلاس) یا FunctionComponent ()(برای اجزای عملکرد) ، و رندر را ذخیره کنید …