دوره مقدمه‌ای بر ری‌اکت: از JSX تا کامپوننت‌های تابعی همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان دوره: دوره مقدمه‌ای بر ری‌اکت: از JSX تا کامپوننت‌های تابعی

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

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

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

• 1. مقدمه‌ای بر ری‌اکت و مفاهیم پایه
• 2. نصب و راه‌اندازی محیط توسعه ری‌اکت
• 3. آشنایی با JSX و سینتکس آن
• 4. ایجاد اولین کامپوننت در ری‌اکت
• 5. انواع کامپوننت‌ها: تابعی و کلاسی
• 6. کار با Props در کامپوننت‌ها
• 7. مدیریت State در کامپوننت‌های تابعی (useState)
• 8. مدیریت State در کامپوننت‌های کلاسی
• 9. چرخه حیات کامپوننت‌ها (کلاسی)
• 10. هوک‌های ری‌اکت: معرفی و کاربرد
• 11. هوک useEffect برای اثرات جانبی
• 12. مدیریت فرم‌ها در ری‌اکت
• 13. کنترل کامپوننت‌ها (Controlled Components)
• 14. کامپوننت‌های غیرکنترل‌شده (Uncontrolled Components)
• 15. اعتبارسنجی فرم‌ها
• 16. کار با رویدادها در ری‌اکت
• 17. مدیریت لیست‌ها و کلیدها (Keys)
• 18. استایل‌دهی به کامپوننت‌ها در ری‌اکت
• 19. CSS Modules
• 20. Styled-Components
• 21. Inline Styles
• 22. کار با Context API برای مدیریت وضعیت سراسری
• 23. Custom Hooks: ساخت هوک‌های سفارشی
• 24. Routing در ری‌اکت با React Router
• 25. نصب و پیکربندی React Router
• 26. تعریف مسیرها و لینک‌ها
• 27. پارامترهای مسیر (Route Parameters)
• 28. مسیرهای تودرتو (Nested Routes)
• 29. ناوبری برنامه‌ریزی‌شده (Programmatic Navigation)
• 30. Protected Routes (مسیرهای محافظت‌شده)
• 31. Pagination و Infinite Scrolling
• 32. کار با APIها در ری‌اکت
• 33. Fetch API
• 34. Axios
• 35. مدیریت خطا در درخواست‌های API
• 36. Async/Await در ری‌اکت
• 37. Redux: مقدمه‌ای بر مدیریت وضعیت پیچیده
• 38. نصب و راه‌اندازی Redux
• 39. Actions, Reducers, Store
• 40. اتصال ری‌اکت به Redux (react-redux)
• 41. Redux Toolkit: ساده‌سازی Redux
• 42. Async Actions با Redux Thunk
• 43. مفاهیم پیشرفته‌تر Redux
• 44. Testing در ری‌اکت
• 45. Testing Library
• 46. Unit Testing
• 47. Integration Testing
• 48. End-to-End Testing (با رویکرد سازگار)
• 49. Server-Side Rendering (SSR) با Next.js
• 50. مقدمه‌ای بر Next.js
• 51. تنظیمات اولیه Next.js
• 52. Pages و Routing در Next.js
• 53. Data Fetching در Next.js
• 54. Static Site Generation (SSG)
• 55. Server-Side Rendering (SSR)
• 56. API Routes در Next.js
• 57. استایل‌دهی در Next.js
• 58. Deployment با Next.js
• 59. مفاهیم پیشرفته‌تر در ری‌اکت
• 60. Memoization و Performance Optimization
• 61. Code Splitting
• 62. Lazy Loading
• 63. Portals
• 64. Error Boundaries
• 65. Reusability of Components
• 66. Design Patterns in React
• 67. State Management Libraries (Alternative to Redux)
• 68. GraphQL in React
• 69. WebSockets in React
• 70. Progressive Web Apps (PWAs) with React
• 71. Accessibility (a11y) in React
• 72. Internationalization (i18n) in React
• 73. Security Best Practices in React
• 74. Performance Profiling
• 75. Build Tools (Webpack, Babel)
• 76. TypeScript with React
• 77. Advanced JSX Patterns
• 78. Higher-Order Components (HOCs)
• 79. Render Props
• 80. Component Composition
• 81. Context API vs. Redux
• 82. Choosing the Right State Management Solution
• 83. Modern JavaScript Features for React
• 84. ES6+ Features
• 85. Asynchronous JavaScript
• 86. Functional Programming Concepts
• 87. Immutability
• 88. Pure Functions
• 89. Declarative Programming
• 90. Event Loop
• 91. Microtasks and Macrotasks
• 92. Promises and Async/Await in Depth
• 93. Array Methods
• 94. Object Methods
• 95. Spread and Rest Operators
• 96. Destructuring
• 97. Modules (ES Modules)
• 98. Classes and Prototypes
• 99. Closures
• 100. This Keyword Binding