Microfrontend.ir@microfrontend_ir P.169

MICROFRONTEND_IR Telegram 169

Microfrontend.ir

بهینه سازی React با useCallback Hook

در این ویدیو بهینه سازی React با useCallback Hook و memo را بررسی کردیم. پس از تغییر مقادیر state کامپوننت مجددا رندر می شود. این رندر مجدد حتی زمانی که مقادیر ورودی تغییری نکرده است اتفاق می افتد که اضافی به نظر می آید. React از طریق تابع memo به برنامه نویس این امکان را می دهد که کامپوننت و مقادیر ورودی را کش کرده و در صورتی که مقادیر یکسان است از تکرار رندر جلوگیری کند. تابع Object.is مکانیزم اصلی ری‌اکت برای مقایسه است. اگر از تابع به عنوان props استفاده کنیم و این تابع در بدنه کامپوننت تعریف شده باشد بدلیل اینکه هر بار از نو اعلان می‌شود memo هم نمیتواند مشکل مارا حل کند. برای اینکه اعلان تابع را نیز کش کنیم که هر بار از نو اعلان نشود میتوانیم از useCallback Hook استفاده کنیم.

Video: https://youtu.be/msuJAbqDXy8

playlist: https://www.youtube.com/playlist?list=PLJ9zDGwhhsByPAaNxIYX26M3ZpWkSzVz-

〰️〰️〰️〰️〰️〰️
© | @microfrontend_ir

❤2🔥2👍1

www.tgoop.com/microfrontend_ir/169

669 viewsAug 13, 2023 at 16:45

tgoop.com/microfrontend_ir/169

Create: 2023-08-13
Last Update: 2025-10-22 19:31:53

بهینه سازی React با useCallback Hook

در این ویدیو بهینه سازی React با useCallback Hook و memo را بررسی کردیم. پس از تغییر مقادیر state کامپوننت مجددا رندر می شود. این رندر مجدد حتی زمانی که مقادیر ورودی تغییری نکرده است اتفاق می افتد که اضافی به نظر می آید. React از طریق تابع memo به برنامه نویس این امکان را می دهد که کامپوننت و مقادیر ورودی را کش کرده و در صورتی که مقادیر یکسان است از تکرار رندر جلوگیری کند. تابع Object.is مکانیزم اصلی ری‌اکت برای مقایسه است. اگر از تابع به عنوان props استفاده کنیم و این تابع در بدنه کامپوننت تعریف شده باشد بدلیل اینکه هر بار از نو اعلان می‌شود memo هم نمیتواند مشکل مارا حل کند. برای اینکه اعلان تابع را نیز کش کنیم که هر بار از نو اعلان نشود میتوانیم از useCallback Hook استفاده کنیم.

Video: https://youtu.be/msuJAbqDXy8

playlist: https://www.youtube.com/playlist?list=PLJ9zDGwhhsByPAaNxIYX26M3ZpWkSzVz-

〰️〰️〰️〰️〰️〰️
© | @microfrontend_ir

BY Microfrontend.ir

Share with your friend now:
tgoop.com/microfrontend_ir/169

Open in Telegram

Telegram News

Date: 2025-10-22|

Joined by Telegram's representative in Brazil, Alan Campos, Perekopsky noted the platform was unable to cater to some of the TSE requests due to the company's operational setup. But Perekopsky added that these requests could be studied for future implementation. Activate up to 20 bots Telegram desktop app: In the upper left corner, click the Menu icon (the one with three lines). Select “New Channel” from the drop-down menu. Your posting frequency depends on the topic of your channel. If you have a news channel, it’s OK to publish new content every day (or even every hour). For other industries, stick with 2-3 large posts a week. In the next window, choose the type of your channel. If you want your channel to be public, you need to develop a link for it. In the screenshot below, it’s ”/catmarketing.” If your selected link is unavailable, you’ll need to suggest another option.
from us

Telegram Microfrontend.ir
FROM American