چگونه عملکرد اپلیکیشن React خود را بهینه کنیم؟

یک اپلیکیشن React که کند اجرا می‌شود، معمولاً دلیلش render های غیرضروری است، نه خود الگوریتم‌های برنامه.

چند تکنیک کاربردی

• از React.memo برای کامپوننت‌هایی که props ثابتی دارند استفاده کنید.
• مقادیر سنگین محاسباتی را با useMemo کش کنید.
• توابعی که به کامپوننت فرزند پاس داده می‌شوند را با useCallback ثابت نگه دارید.
• لیست‌های بزرگ را با virtualization (مثل react-window) رندر کنید.
• بارگذاری کامپوننت‌های سنگین را با React.lazy به تعویق بیندازید.

قبل از هر بهینه‌سازی، با DevTools Profiler اندازه بگیرید تا بدانید واقعاً کجا مشکل است.