دوره ساخت اپلیکیشن‌های واکنش‌گرا با ری‌اکت: راهنمای گام به گام همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان کتاب: کتاب ساخت اپلیکیشن‌های واکنش‌گرا با ری‌اکت: راهنمای گام به گام

موضوع کلی: یادگیری جامع و کاربردی ری‌اکت

موضوع میانی: از مفاهیم پایه تا ساخت اپلیکیشن‌های پیچیده

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

• 1. مقدمه: دنیای ری‌اکت
• 2. چرا ری‌اکت؟
• 3. مقایسه ری‌اکت با دیگر فریم‌ورک‌ها
• 4. مفاهیم کلیدی ری‌اکت: کامپوننت‌ها
• 5. نصب Node.js و npm/yarn
• 6. ایجاد اولین پروژه ری‌اکت با Create React App
• 7. ساختار پروژه Create React App
• 8. مقدمه‌ای بر JSX
• 9. نوشتن اولین کامپوننت JSX
• 10. رندر کردن کامپوننت‌ها در DOM
• 11. درک مفهوم Virtual DOM
• 12. کار با Props: ارسال داده به کامپوننت‌ها
• 13. Props در کامپوننت‌های تابعی
• 14. Props در کامپوننت‌های کلاسی
• 15. Props Destructuring
• 16. Default Props
• 17. PropTypes برای اعتبارسنجی Props
• 18. State: مدیریت وضعیت داخلی کامپوننت
• 19. useState Hook برای کامپوننت‌های تابعی
• 20. this.state و this.setState در کامپوننت‌های کلاسی
• 21. به‌روزرسانی State به صورت صحیح
• 22. مفهوم Immutability در State
• 23. کار با Event Handling
• 24. Event Handlers در کامپوننت‌های تابعی
• 25. Event Handlers در کامپوننت‌های کلاسی
• 26. Binding Event Handlers
• 27. Conditional Rendering (رندرینگ شرطی)
• 28. If/Else Statements در JSX
• 29. Conditional Operator (عملگر شرطی)
• 30. Logical && Operator
• 31. Render Props Pattern
• 32. Higher-Order Components (HOCs)
• 33. مقدمه‌ای بر Context API
• 34. استفاده از createContext
• 35. استفاده از useContext Hook
• 36. استفاده از Provider و Consumer
• 37. کار با Forms (فرم‌ها)
• 38. Controlled Components
• 39. Uncontrolled Components
• 40. Handling Form Input Changes
• 41. Submitting Forms
• 42. Form Validation Basics
• 43. کار با Lists and Keys
• 44. رندر کردن لیست‌ها با map
• 45. اهمیت Keys در لیست‌ها
• 46. کار با Fragments
• 47. استفاده از Fragments برای جلوگیری از DOM Nodes اضافی
• 48. Styling in React: Inline Styles
• 49. Styling in React: CSS Modules
• 50. Styling in React: Styled Components
• 51. Styling in React: Tailwind CSS (مقدمه)
• 52. Component Lifecycle (چرخه حیات کامپوننت)
• 53. Lifecycle Methods در کامپوننت‌های کلاسی
• 54. useEffect Hook برای Effects
• 55. useEffect: اجرای Effect پس از رندر
• 56. useEffect: اجرای Effect فقط یک بار
• 57. useEffect: اجرای Effect بر اساس وابستگی‌ها
• 58. useEffect: Clean Up Functions
• 59. مقدمه‌ای بر Hooks
• 60. Custom Hooks
• 61. کار با API: Fetching Data
• 62. استفاده از fetch API
• 63. async/await با fetch
• 64. Error Handling در Fetch Requests
• 65. Loading States
• 66. Pagination (صفحه‌بندی)
• 67. Debouncing and Throttling
• 68. State Management Solutions
• 69. Redux: مقدمه و مفاهیم اصلی
• 70. Actions, Reducers, Store
• 71. Connecting React to Redux
• 72. Redux Toolkit (مقدمه)
• 73. React Router: مقدمه
• 74. نصب React Router
• 75. BrowserRouter و HashRouter
• 76. Route Component
• 77. Link Component
• 78. useNavigate Hook
• 79. Nested Routes
• 80. Protected Routes
• 81. Lazy Loading Components
• 82. Code Splitting
• 83. Performance Optimization: React.memo
• 84. Performance Optimization: useMemo
• 85. Performance Optimization: useCallback
• 86. Testing in React: Unit Testing
• 87. Jest
• 88. React Testing Library
• 89. Writing Basic Tests
• 90. Testing Components with Props
• 91. Testing User Interactions
• 92. Testing Asynchronous Operations
• 93. Deployment: Building for Production
• 94. Deploying to Netlify
• 95. Deploying to Vercel
• 96. Server-Side Rendering (SSR) with Next.js (مقدمه)
• 97. Static Site Generation (SSG) with Next.js (مقدمه)
• 98. Advanced React Patterns
• 99. Render Props Pattern (بازنگری)
• 100. Higher-Order Components (HOCs) (بازنگری)