عملکرد و مموایزیشن (Memoization)
بخشی از دوره ریاکت
برنامهتان جدولی با دو هزار سطر دارد و بالای آن یک جعبهٔ جستوجو. هر بار که کلیدی میزنید کار سنگین میشود: تایپ میکنید و نیم ثانیه بعد آن حرف روی صفحه ظاهر میشود. چیزی خراب نشده و کد هم منطقی به نظر میرسد. ماجرا این است که یک حرف در جعبهٔ جستوجو باعث میشود React هر دو هزار کامپوننت سطر را از نو اجرا کند، بفهمد که تقریباً هیچکدامشان عوض نشدهاند، و بعد صفحه را بهروز کند.
React عمداً آزادانه رندر مجدد میکند و بیشتر وقتها همین درست است، چون اجرای تابع یک کامپوننت ارزان تمام میشود و React خوب میداند که کمترین تغییر لازم روی صفحه کدام است. گاهی هم درست نیست، و برای همان موارد React سه ابزار به شما میدهد تا بگویید «این نتیجه عوض نشده، همان قبلی را بردار». نام کلی این کار مموایزیشن (memoization) است: به یاد سپردن پاسخ یک محاسبه تا لازم نباشد با همان ورودیها دوباره انجامش دهید.
میخواهی ریاکت عملکرد و مموایزیشن (Memoization) را در یک محیط واقعی یاد بگیری؟
روی دکمه زیر بزن تا یک ماشین لینوکس با ریاکت آماده دریافت کنی و عملکرد و مموایزیشن (Memoization) را بهصورت عملی با یک مربی هوشمند که کدت را میشناسد تمرین کنی.
شروع این درسعملکرد و مموایزیشن (Memoization)چه چیزهایی یاد میگیری
- React.memo for components
- UseMemo for expensive computations
- UseCallback for stable function references
- When memoization is overkill
- Measuring before optimizing