عملکرد و مموایزیشن (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
این درس را به زبان خودت بخوان
همهٔ درسهای این دوره
17 درس- 1ریاکت چیست؟25 دقیقه
- 2JSX و کامپوننتها (Components)30 دقیقه
- 3پراپس (Props)30 دقیقه
- 4وضعیت (State) با useState35 دقیقه
- 5مدیریت رویدادها30 دقیقه
- 6رندر شرطی و لیستها30 دقیقه
- 7فرمها و ورودیهای کنترلشده (Controlled Inputs)35 دقیقه
- 8افکتها (Effects) با useEffect40 دقیقه
- 9دریافت داده40 دقیقه
- 10ترکیب کامپوننت (Component)35 دقیقه
- 11Context و useContext35 دقیقه
- 12useReducer35 دقیقه
- 13هوکهای سفارشی (Hooks)35 دقیقه
- 14عملکرد و مموایزیشن (Memoization)35 دقیقه
- 15مسیریابی با React Router40 دقیقه
- 16آزمایش کامپوننتهای ریاکت (Components)40 دقیقه
- 17پروژه نهایی: برنامه کارها60 دقیقه
دورههای دیگر را ببین
