فلش‌کارت‌های آموزشی ساخت برنامهٔ React با رندر سمت سرور و تقسیم کد (Code Splitting)

🎓 دوره آموزشی جامع

📚 اطلاعات دوره

عنوان دوره: دوره ساخت برنامهٔ React با رندر سمت سرور و تقسیم کد (Code Splitting)

موضوع کلی: توسعه وب پیشرفته

موضوع میانی: بهینه‌سازی عملکرد برنامه‌های وب با React

📋 سرفصل‌های دوره

• 1. مقدمه‌ای بر رندر سمت سرور در React
• 2. مزایای رندر سمت سرور برای برنامه‌های React
• 3. نصب و راه‌اندازی پروژه React با SSR
• 4. پیکربندی Webpack برای رندر سمت سرور
• 5. مفهوم تقسیم کد (Code Splitting) در برنامه‌های وب
• 6. اهمیت تقسیم کد برای بهینه‌سازی عملکرد
• 7. پیاده‌سازی تقسیم کد با React.lazy و Suspense
• 8. استفاده از React Universal Component برای تقسیم کد
• 9. ساخت کامپوننت‌های قابل بارگذاری پویا
• 10. مدیریت state در برنامه‌های React با SSR
• 11. انتقال state از سرور به کلاینت
• 12. هیدراتاسیون (Hydration) در React SSR
• 13. مسیریابی (Routing) در برنامه‌های React با SSR
• 14. استفاده از React Router با رندر سمت سرور
• 15. پیکربندی سرور Node.js برای SSR
• 16. نوشتن کد سمت سرور برای React
• 17. مدیریت درخواست‌های HTTP در سرور
• 18. ارسال پاسخ‌های HTML از سرور
• 19. بهینه‌سازی منابع استاتیک
• 20. کش کردن (Caching) منابع در سمت سرور و کلاینت
• 21. استفاده از CDN برای بهبود عملکرد
• 22. مدیریت خطا در برنامه‌های React با SSR
• 23. دیباگ کردن (Debugging) برنامه‌های React با SSR
• 24. تست برنامه‌های React با SSR
• 25. مقدمه‌ای بر TypeScript در پروژه‌های React
• 26. استفاده از TypeScript برای افزایش کیفیت کد
• 27. پیکربندی TypeScript در Webpack
• 28. استفاده از Jest برای تست واحد (Unit Testing)
• 29. نوشتن تست‌های یکپارچه‌سازی (Integration Testing)
• 30. مدیریت وابستگی‌ها (Dependencies) در Node.js
• 31. استفاده از npm یا yarn برای مدیریت بسته‌ها
• 32. بهینه‌سازی اندازه باندل (Bundle Size)
• 33. تجزیه و تحلیل اندازه باندل با ابزارهای Webpack
• 34. تکنیک‌های کاهش اندازه باندل
• 35. استفاده از Progressive Web Apps (PWA)
• 36. قابلیت‌های PWA برای بهبود تجربه کاربری
• 37. پیاده‌سازی Service Workers
• 38. کش کردن آفلاین (Offline Caching)
• 39. اعلان‌های پوش نوتیفیکیشن (Push Notifications)
• 40. مدیریت فرم‌ها در React با SSR
• 41. اعتبارسنجی (Validation) فرم‌ها در سمت سرور و کلاینت
• 42. استفاده از کتابخانه‌های مدیریت فرم
• 43. بهینه‌سازی تصاویر برای وب
• 44. فشرده‌سازی تصاویر
• 45. استفاده از فرمت‌های تصویر مدرن (WebP)
• 46. بهینه‌سازی فونت‌ها
• 47. بارگذاری بهینه فونت‌ها
• 48. مدیریت داده‌های بزرگ در سمت سرور
• 49. پایگاه‌های داده NoSQL برای برنامه‌های وب
• 50. ارتباط با پایگاه داده از سمت سرور
• 51. امنیت در برنامه‌های React با SSR
• 52. جلوگیری از حملات XSS
• 53. جلوگیری از حملات CSRF
• 54. مدیریت احراز هویت (Authentication)
• 55. استفاده از JWT (JSON Web Tokens)
• 56. پیاده‌سازی Authorization
• 57. مقدمه‌ای بر GraphQL
• 58. مزایای GraphQL نسبت به REST
• 59. ساخت API با GraphQL
• 60. استفاده از Apollo Client برای GraphQL در React
• 61. استفاده از Apollo Server برای GraphQL در Node.js
• 62. مدیریت state پیچیده با Redux
• 63. استفاده از Redux Toolkit
• 64. پیاده‌سازی Redux Saga برای مدیریت side effects
• 65. مقدمه‌ای بر Context API در React
• 66. استفاده از Context API برای مدیریت state ساده
• 67. مقایسه Context API و Redux
• 68. بهینه‌سازی رندر کامپوننت‌ها
• 69. استفاده از React.memo
• 70. استفاده از useMemo و useCallback
• 71. تکنیک‌های پیشرفته تقسیم کد
• 72. تقسیم کد در سطح کامپوننت
• 73. تقسیم کد در سطح مسیر (Route)
• 74. استفاده از Dynamic Imports
• 75. مدیریت lifecycle کامپوننت‌ها در SSR
• 76. کوچ داده (Data Fetching) در سمت سرور
• 77. کوچ داده در سمت کلاینت
• 78. مدیریت داده‌های ناسازگار (Stale Data)
• 79. استراتژی‌های کش کردن داده‌ها
• 80. مقدمه‌ای بر Serverless Functions
• 81. استفاده از Serverless Functions برای SSR
• 82. مزایا و معایب Serverless
• 83. پیکربندی CDN برای بهبود عملکرد SSR
• 84. تنظیمات پیشرفته Webpack
• 85. انواع پلاگین‌های Webpack
• 86. استفاده از Webpack Bundle Analyzer
• 87. بهینه‌سازی عملکرد پایگاه داده
• 88. ایندکس‌گذاری (Indexing) در پایگاه داده
• 89. کوئری‌های بهینه (Optimized Queries)
• 90. مدیریت تراکنش‌ها (Transactions)
• 91. مقدمه‌ای بر Microservices
• 92. معماری Microservices برای برنامه‌های مقیاس‌پذیر
• 93. چالش‌های Microservices
• 94. استفاده از Docker برای کانتینرسازی
• 95. استفاده از Kubernetes برای ارکستراسیون
• 96. مقدمه‌ای بر CI/CD (Continuous Integration/Continuous Deployment)
• 97. پیاده‌سازی CI/CD برای برنامه‌های React
• 98. ابزارهای CI/CD (مانند Jenkins, GitLab CI)
• 99. مانیتورینگ (Monitoring) برنامه‌های React با SSR
• 100. ابزارهای مانیتورینگ (مانند Prometheus, Grafana)