دوره معماری React Fibre: بهینه‌سازی رندرینگ و مدیریت وضعیت در برنامه‌های وب همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان دوره: دوره معماری React Fibre: بهینه‌سازی رندرینگ و مدیریت وضعیت در برنامه‌های وب

موضوع کلی: توسعه نرم‌افزارهای تحت وب پیشرفته

موضوع میانی: مفاهیم و معماری فریم‌ورک‌های مدرن جاوااسکریپت

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

• 1. مقدمه‌ای بر توسعهٔ وب مدرن
• 2. اصول برنامه‌نویسی سمت کلاینت
• 3. معرفی جاوااسکریپت و اکوسیستم آن
• 4. مفاهیم اساسی React
• 5. کامپوننت‌ها در React
• 6. JSX و نحو آن
• 7. مدیریت وضعیت در React (Context API)
• 8. چرخهٔ حیات کامپوننت‌ها
• 9. هوک‌های React (useState, useEffect)
• 10. هوک‌های سفارشی (Custom Hooks)
• 11. مدیریت فرم‌ها در React
• 12. اعتبارسنجی فرم‌ها
• 13. مسیریابی (Routing) در برنامه‌های React
• 14. React Router DOM
• 15. مدیریت وضعیت پیشرفته (Redux)
• 16. مقدمه‌ای بر Redux Toolkit
• 17. اکشن‌ها و ردیوسرها در Redux
• 18. استور (Store) در Redux
• 19. اتصال React به Redux
• 20. مفهوم Immutability در مدیریت وضعیت
• 21. بهینه‌سازی رندرینگ در React
• 22. Memoization و useCallback
• 23. React.memo
• 24. Virtual DOM و کارایی آن
• 25. مقدمه‌ای بر React Fiber
• 26. معماری Fiber چیست؟
• 27. تفاوت Fiber با Virtual DOM سنتی
• 28. نحوهٔ پیاده‌سازی Fiber
• 29. تسک‌ها (Tasks) در Fiber
• 30. الویت‌بندی تسک‌ها (Scheduling)
• 31. رندرینگ افزایشی (Incremental Rendering)
• 32. Pause و Resume در Fiber
• 33. تکنیک‌های اولویت‌بندی در Fiber
• 34. مدیریت خطا در Fiber
• 35. Error Boundaries
• 36. مباحث پیشرفتهٔ Fiber
• 37. Fiber Node و ساختار آن
• 38. Props و State در Fiber
• 39. Reconciliation در Fiber
• 40. Commit Phase در Fiber
• 41. Work Loops در Fiber
• 42. Persisted State و Fiber
• 43. Server-Side Rendering (SSR) با React
• 44. Next.js و SSR
• 45. Static Site Generation (SSG)
• 46. API Routes در Next.js
• 47. مدیریت داده در برنامه‌های بزرگ
• 48. GraphQL و React
• 49. Apollo Client
• 50. مدیریت کوئری‌ها و میوتشن‌ها
• 51. Caching در Apollo Client
• 52. Testing در React
• 53. Unit Testing
• 54. Integration Testing
• 55. End-to-End Testing
• 56. Jest و React Testing Library
• 57. Mocking در تست‌ها
• 58. Performance Optimization Techniques
• 59. Code Splitting
• 60. Lazy Loading
• 61. Web Workers
• 62. Server-Sent Events (SSE)
• 63. WebSockets
• 64. Security Best Practices
• 65. Authentication و Authorization
• 66. JSON Web Tokens (JWT)
• 67. OAuth
• 68. Content Security Policy (CSP)
• 69. Cross-Site Scripting (XSS) Prevention
• 70. Cross-Site Request Forgery (CSRF) Prevention
• 71. Best Practices for State Management
• 72. Choosing the Right State Management Solution
• 73. Scalability in React Applications
• 74. Micro Frontends Architecture
• 75. Design Patterns in React
• 76. Higher-Order Components (HOCs)
• 77. Render Props
• 78. Context API Patterns
• 79. Hooks Patterns
• 80. Advanced TypeScript with React
• 81. Type Safety in React Components
• 82. Utility Types
• 83. Generics in TypeScript
• 84. Working with Third-Party Libraries
• 85. Integrating with Backend APIs
• 86. RESTful API Design
• 87. API Versioning
• 88. Database Integration (Conceptual Overview)
• 89. SQL vs NoSQL Databases
• 90. Introduction to CI/CD
• 91. Automated Testing in CI/CD
• 92. Deployment Strategies
• 93. Monitoring and Logging
• 94. Application Performance Monitoring (APM)
• 95. Error Tracking
• 96. User Experience (UX) Principles
• 97. Accessibility in Web Development
• 98. WCAG Guidelines
• 99. Internationalization (i18n) and Localization (l10n)
• 100. Performance Metrics (LCP, FID, CLS)