برنامه نویسی

مقدمه ای برای رندرهای مجدد در React

Summarize this content to 400 words in Persian Lang
در یکی از برنامه های بزرگی که از 6 ماه گذشته کار می کردم، یک مورد را پیدا کردم عملکرد کند هنگام باز و بسته کردن یک مودال که دکمه ضامن آن در هدر وجود دارد. معین گرفت تقریبا 1 ثانیه هر بار باز و بسته شود. این اشتباه رایجی است که در بسیاری از کدهای نوشته شده توسط من می بینم توسعه دهندگان جوان واکنش و من خودم نیز این اشتباه را انجام داده ام. اگر می خواهید یک توسعه دهنده ارشد React باشید، باید از آن استفاده کنید قلاب های داخلی، به جای ساختن قلاب های سفارشی. خود React دارای تعداد زیادی قلاب داخلی برای حل تقریباً همه مشکلات بهینه سازی است.

کد مثال:

مشکل: تغییر حالت Modal به زمان بیشتری نیاز داشت

دلیل: هر بار که وضعیت به‌روزرسانی می‌شود، کل مؤلفه مجدداً ارائه می‌شود که باعث کندی گفتگو می‌شود. با استفاده از کنسول داخل این اجزا می توانید این موضوع را بررسی کنید.

راه حل:

برای این مشکل خاص، ما همیشه باید تلاش کنیم حالت را پایین بیاورند تا حد امکان کاهش وضعیت به معنای نزدیک نگه داشتن حالت به اجزایی است که به‌روزرسانی یا به آن نیاز دارند. مؤلفه ای که حالت را به روز می کند و مؤلفه ای که از وضعیت استفاده می کند می تواند باشد به عنوان یک جزء پیچیده شده است و به عنوان یک جزء به مکان اصلی بازگردانده شد.

کد راه حلاکنون، هر زمان که وضعیت به‌روزرسانی شود، کامپوننت‌های and فقط دوباره رندر می‌شوند. این تکنیک می تواند در زمان شما برای ساخت هوک های سفارشی یا نصب بسته هایی برای بهینه سازی کدها صرفه جویی کند.

در یکی از برنامه های بزرگی که از 6 ماه گذشته کار می کردم، یک مورد را پیدا کردم عملکرد کند هنگام باز و بسته کردن یک مودال که دکمه ضامن آن در هدر وجود دارد. معین گرفت تقریبا 1 ثانیه هر بار باز و بسته شود. این اشتباه رایجی است که در بسیاری از کدهای نوشته شده توسط من می بینم توسعه دهندگان جوان واکنش و من خودم نیز این اشتباه را انجام داده ام. اگر می خواهید یک توسعه دهنده ارشد React باشید، باید از آن استفاده کنید قلاب های داخلی، به جای ساختن قلاب های سفارشی. خود React دارای تعداد زیادی قلاب داخلی برای حل تقریباً همه مشکلات بهینه سازی است.

کد مثال:

توضیحات تصویر

مشکل: تغییر حالت Modal به زمان بیشتری نیاز داشت

دلیل: هر بار که وضعیت به‌روزرسانی می‌شود، کل مؤلفه مجدداً ارائه می‌شود که باعث کندی گفتگو می‌شود. با استفاده از کنسول داخل این اجزا می توانید این موضوع را بررسی کنید.

راه حل:

برای این مشکل خاص، ما همیشه باید تلاش کنیم حالت را پایین بیاورند تا حد امکان کاهش وضعیت به معنای نزدیک نگه داشتن حالت به اجزایی است که به‌روزرسانی یا به آن نیاز دارند. مؤلفه ای که حالت را به روز می کند و مؤلفه ای که از وضعیت استفاده می کند می تواند باشد به عنوان یک جزء پیچیده شده است و به عنوان یک جزء به مکان اصلی بازگردانده شد.

توضیحات تصویر

کد راه حل
اکنون، هر زمان که وضعیت به‌روزرسانی شود، کامپوننت‌های and فقط دوباره رندر می‌شوند. این تکنیک می تواند در زمان شما برای ساخت هوک های سفارشی یا نصب بسته هایی برای بهینه سازی کدها صرفه جویی کند.

نوشته های مشابه

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دکمه بازگشت به بالا