اپلیکیشن اندرویدی فلش‌کارت آموزشی بهینه‌سازی عملکرد اپلیکیشن‌های ری‌اکت: Memoization و Code Splitting

📚 کتاب آموزشی جامع

📚 اطلاعات کتاب

عنوان کتاب: کتاب بهینه‌سازی عملکرد اپلیکیشن‌های ری‌اکت: Memoization و Code Splitting

موضوع کلی: برنامه نویسی

موضوع میانی: ری‌اکت (React)

📋 سرفصل‌های کتاب (100 موضوع)

• 1. مقدمه به بهینه‌سازی عملکرد اپلیکیشن‌های ری‌اکت
• 2. اهمیت بهینه‌سازی عملکرد در ری‌اکت
• 3. نشانه‌های اپلیکیشن ری‌اکت کند
• 4. مقدمه ای بر Memoization
• 5. مفهوم Memoization در برنامه‌نویسی
• 6. کاربرد Memoization در ری‌اکت
• 7. انواع Memoization در ری‌اکت
• 8. Memoization کامپوننت‌ها با React.memo
• 9. نحوه استفاده از React.memo
• 10. نکات مهم در استفاده از React.memo
• 11. موارد استفاده مناسب برای React.memo
• 12. موارد استفاده نامناسب برای React.memo
• 13. Memoization توابع با useMemo
• 14. نحوه استفاده از useMemo
• 15. وابستگی‌های useMemo
• 16. موارد استفاده مناسب برای useMemo
• 17. موارد استفاده نامناسب برای useMemo
• 18. Memoization مقادیر با useCallback
• 19. نحوه استفاده از useCallback
• 20. وابستگی‌های useCallback
• 21. تفاوت useMemo و useCallback
• 22. موارد استفاده مناسب برای useCallback
• 23. موارد استفاده نامناسب برای useCallback
• 24. بررسی عمیق‌تر React.memo
• 25. مقایسه props برای React.memo
• 26. توابع مقایسه سفارشی (custom comparison functions)
• 27. پیاده‌سازی توابع مقایسه سفارشی
• 28. نکات پیشرفته در React.memo
• 29. بررسی عمیق‌تر useMemo
• 30. بهینه‌سازی محاسبات سنگین با useMemo
• 31. جلوگیری از re-render شدن غیرضروری
• 32. استفاده در زمان fetch داده
• 33. استفاده در زمان پردازش داده
• 34. بررسی عمیق‌تر useCallback
• 35. بهینه‌سازی توابع callback
• 36. جلوگیری از re-render شدن کامپوننت‌های فرزند
• 37. استفاده در زمان passing props به کامپوننت‌های فرزند
• 38. استفاده در زمان event handlers
• 39. استفاده در زمان custom hooks
• 40. اشتباهات رایج در استفاده از Memoization
• 41. استفاده بیش از حد از Memoization
• 42. استفاده نادرست از وابستگی‌ها
• 43. عدم درک تفاوت بین useMemo و useCallback
• 44. نادیده گرفتن هزینه Memoization
• 45. ابزارهای کمکی برای تشخیص مشکلات Memoization
• 46. React DevTools Profiler
• 47. نحوه استفاده از Profiler برای شناسایی مشکلات
• 48. تجزیه و تحلیل نتایج Profiler
• 49. استفاده از console.log برای اشکال‌زدایی
• 50. مقدمه ای بر Code Splitting
• 51. مفهوم Code Splitting
• 52. چرا Code Splitting مهم است؟
• 53. تاثیر Code Splitting بر زمان بارگذاری اولیه
• 54. انواع Code Splitting
• 55. Code Splitting در سطح کامپوننت (Component-level Code Splitting)
• 56. استفاده از React.lazy و Suspense
• 57. نحوه استفاده از React.lazy
• 58. نحوه استفاده از Suspense
• 59. کامپوننت‌های fallback در Suspense
• 60. مدیریت خطا در Suspense
• 61. موارد استفاده مناسب برای React.lazy و Suspense
• 62. موارد استفاده نامناسب برای React.lazy و Suspense
• 63. Code Splitting در سطح مسیر (Route-level Code Splitting)
• 64. نحوه پیاده‌سازی Route-level Code Splitting با React Router
• 65. استفاده از import() داینامیک با React Router
• 66. مدیریت کد Splitting در مسیرهای مختلف
• 67. Code Splitting در سطح صفحه (Page-level Code Splitting)
• 68. استراتژی‌های Page-level Code Splitting
• 69. Code Splitting در زمان build (Build-time Code Splitting)
• 70. استفاده از Webpack برای Code Splitting
• 71. تنظیمات Webpack برای Code Splitting
• 72. مدیریت chunkها در Webpack
• 73. استفاده از Rollup برای Code Splitting
• 74. تنظیمات Rollup برای Code Splitting
• 75. استفاده از Vite برای Code Splitting
• 76. تنظیمات Vite برای Code Splitting
• 77. اشتباهات رایج در Code Splitting
• 78. Code Splitting بیش از حد
• 79. Code Splitting ناکافی
• 80. مدیریت نادرست chunkها
• 81. نادیده گرفتن هزینه‌های network
• 82. عدم مدیریت صحیح state در کامپوننت‌های lazy loaded
• 83. ابزارهای کمکی برای تشخیص مشکلات Code Splitting
• 84. React DevTools Profiler (برای بررسی زمان بارگذاری)
• 85. Webpack Bundle Analyzer
• 86. نحوه استفاده از Bundle Analyzer
• 87. تجزیه و تحلیل نتایج Bundle Analyzer
• 88. Rollup Plugin Visualizer
• 89. Vite Plugin Inspect
• 90. ترکیب Memoization و Code Splitting
• 91. چگونه Memoization و Code Splitting مکمل یکدیگر هستند
• 92. استراتژی‌های بهینه‌سازی ترکیبی
• 93. مثال‌های عملی از ترکیب Memoization و Code Splitting
• 94. بهینه‌سازی اپلیکیشن‌های بزرگ با Memoization و Code Splitting
• 95. سناریوهای پیچیده و راه‌حل‌ها
• 96. نکات پیشرفته برای بهینه‌سازی عملکرد
• 97. استفاده از Virtualization برای لیست‌های طولانی
• 98. مفهوم Virtualization
• 99. کتابخانه‌های Virtualization (react-virtualized, react-window)
• 100. بهینه‌سازی رندرینگ لیست‌ها