کتاب صوتی آموزش جامع React: از صفر تا ساخت پروژه‌های کاربردی با React و Redux

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

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

عنوان دوره: دوره آموزش جامع React: از صفر تا ساخت پروژه‌های کاربردی با React و Redux

موضوع کلی: توسعه وب با React

موضوع میانی: مبانی و اصول React

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

• 1. مقدمه به توسعه وب و جاوااسکریپت مدرن
• 2. مرور ECMAScript 6+ (ES6+) برای React: Const, Let, Arrow Functions
• 3. مرور ES6+: Classes, Modules, Spread/Rest Operators
• 4. مقدمه به ابزارهای توسعه: Node.js, npm/yarn
• 5. نصب و راه‌اندازی محیط توسعه React
• 6. React چیست و چرا از آن استفاده کنیم؟
• 7. معرفی JSX و نحوه کار با آن
• 8. اولین کامپوننت React شما
• 9. Render کردن عناصر در DOM
• 10. کامپوننت‌های تابعی در مقابل کامپوننت‌های کلاسی (معرفی اولیه)
• 11. Props: انتقال داده به کامپوننت‌ها
• 12. State: مدیریت داده‌های داخلی کامپوننت
• 13. Lifecycle کامپوننت‌های کلاسی (معرفی اولیه)
• 14. مدیریت رویدادها در React
• 15. Conditional Rendering: رندر مشروط عناصر
• 16. List Rendering: نمایش لیست‌ها با React
• 17. Key در List Rendering و اهمیت آن
• 18. کامپوننت‌های تابعی و Hooks: مقدمه
• 19. Hook useState برای مدیریت State
• 20. Hook useEffect برای عوارض جانبی (Side Effects)
• 21. ترکیب کامپوننت‌ها (Component Composition)
• 22. Passing Children به کامپوننت‌ها
• 23. کامپوننت‌های کنترل شده (Controlled Components)
• 24. کامپوننت‌های کنترل نشده (Uncontrolled Components)
• 25. کار با فرم‌ها در React (معرفی کلی)
• 26. مدیریت ورودی‌های متنی و Select Box
• 27. مدیریت Checkbox و Radio Button
• 28. ارجاع به DOM با useRef Hook
• 29. استفاده از Ref ها برای تعامل مستقیم با DOM
• 30. Memoization با React.memo و useMemo Hook
• 31. Callbacks با useCallback Hook
• 32. مدیریت وضعیت پیچیده‌تر با useReducer Hook
• 33. Context API: به اشتراک‌گذاری داده‌ها بدون Prop Drilling
• 34. ساخت Context سفارشی
• 35. Consumer ها و Provider ها در Context API
• 36. Higher-Order Components (HOCs) (معرفی و کاربرد)
• 37. Render Props Pattern (معرفی و کاربرد)
• 38. Error Boundaries برای مدیریت خطاها در UI
• 39. Portals: رندر کردن عناصر خارج از سلسله مراتب کامپوننت
• 40. Fragments: گروه‌بندی عناصر بدون اضافه کردن گره DOM
• 41. روش‌های مختلف استایل‌دهی در React
• 42. استایل‌دهی inline و CSS Modules
• 43. استفاده از Preprocessor ها (Sass/Less)
• 44. Styled Components: CSS-in-JS (معرفی)
• 45. Styled Components: ساخت کامپوننت‌های استایل‌دهی شده
• 46. معرفی React Router DOM
• 47. نصب و راه‌اندازی React Router
• 48. Navigating با Link و NavLink
• 49. Route ها و Nested Routes
• 50. پارامترهای URL و Dynamic Routing
• 51. Redirect ها و Not Found Pages
• 52. استفاده از Hooks در React Router (useParams, useLocation, useNavigate)
• 53. چرا به Redux نیاز داریم؟ مشکلات مدیریت وضعیت در برنامه‌های بزرگ
• 54. مفاهیم اصلی Redux: Store, Actions, Reducers
• 55. Flux Architecture و ارتباط آن با Redux
• 56. نصب و راه‌اندازی Redux
• 57. ایجاد Store در Redux
• 58. تعریف Actions در Redux
• 59. Action Creators: توابع برای ساخت Action ها
• 60. Reducers: نحوه تغییر State
• 61. ترکیب Reducer ها با combineReducers
• 62. Single Source of Truth: State Tree
• 63. React-Redux: اتصال React به Redux
• 64. Provider کامپوننت در React-Redux
• 65. Hook useSelector برای دسترسی به State
• 66. Hook useDispatch برای ارسال Actions
• 67. Middleware در Redux: مقدمه
• 68. Redux Thunk برای عملیات ناهمگام (Async Actions)
• 69. Redux Thunk: ارسال Action های Asynchronous
• 70. Redux Saga: مقدمه و تفاوت با Thunk
• 71. Redux Saga: Generators و Effects
• 72. سازماندهی کد Redux (Ducks Pattern یا ساختار فیچرمحور)
• 73. Redux Toolkit: معرفی و مزایای آن
• 74. Redux Toolkit: Reducer ها با createReducer
• 75. Redux Toolkit: Actions با createAction
• 76. Redux Toolkit: Slice ها با createSlice
• 77. Redux DevTools: ابزاری قدرتمند برای دیباگینگ
• 78. Re-render ها در React و نحوه جلوگیری از آن‌ها
• 79. استفاده از React.memo و PureComponent
• 80. Debouncing و Throttling برای رویدادها
• 81. Code Splitting با React.lazy و Suspense
• 82. Web Vitals و اهمیت آن‌ها
• 83. بهینه‌سازی تصاویر و منابع
• 84. مقدمه به تست‌نویسی در React
• 85. Jest و React Testing Library: ابزارهای اصلی
• 86. تست کامپوننت‌های React (Unit Testing)
• 87. تست تعاملات کاربر (Integration Testing)
• 88. Mocking API Calls و Side Effects
• 89. Build کردن پروژه React برای Production
• 90. معرفی Create React App و ابزارهای Build
• 91. استقرار پروژه در Netlify/Vercel
• 92. استقرار پروژه در Firebase Hosting
• 93. ملاحظات امنیتی در برنامه‌های React
• 94. Server-Side Rendering (SSR) با Next.js (معرفی)
• 95. Static Site Generation (SSG) با Next.js (معرفی)
• 96. Type Checking با PropTypes
• 97. مقدمه به TypeScript در React
• 98. استفاده از TypeScript با React Components
• 99. PWA (Progressive Web Apps) در React
• 100. منابع بیشتر و مسیر یادگیری مداوم