فلش‌کارت‌های آموزشی لینتینگ و فرمت‌بندی کد ری‌اکت با ESLint و Prettier

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

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

عنوان دوره: دوره لینتینگ و فرمت‌بندی کد ری‌اکت با ESLint و Prettier

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

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

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

• 1. مقدمه‌ای بر ری‌اکت و مفاهیم پایه
• 2. نصب و راه‌اندازی محیط توسعه ری‌اکت
• 3. کامپوننت‌های تابعی و JSX
• 4. مدیریت وضعیت (State) در کامپوننت‌های تابعی
• 5. هوک‌های ری‌اکت: useState
• 6. هوک‌های ری‌اکت: useEffect
• 7. هوک‌های ری‌اکت: useContext
• 8. استفاده از Props در ری‌اکت
• 9. شرطی‌سازی رندرینگ در ری‌اکت
• 10. رندرینگ لیستی از آیتم‌ها
• 11. مدیریت فرم‌ها در ری‌اکت
• 12. کنترل شده و کنترل نشده در فرم‌ها
• 13. مفهوم Context API
• 14. استفاده از Context API برای مدیریت وضعیت سراسری
• 15. مقدمه‌ای بر Redux
• 16. نصب و راه‌اندازی Redux
• 17. مفاهیم Redux: Actions, Reducers, Store
• 18. اتصال ری‌اکت به Redux با react-redux
• 19. استفاده از Redux Toolkit
• 20. مدیریت وضعیت پیچیده با Redux
• 21. مقدمه‌ای بر React Router
• 22. نصب و راه‌اندازی React Router
• 23. تعریف مسیرها (Routes)
• 24. ناوبری (Navigation) در React Router
• 25. پارامترهای مسیر (Route Parameters)
• 26. مسیرهای تودرتو (Nested Routes)
• 27. مدیریت خطاهای ۴۰۴ (Not Found)
• 28. مقدمه‌ای بر ESLint
• 29. نصب و راه‌اندازی ESLint
• 30. پیکربندی ESLint برای پروژه‌های ری‌اکت
• 31. قوانین رایج ESLint برای ری‌اکت
• 32. استفاده از پلاگین‌های ESLint
• 33. یکپارچه‌سازی ESLint با IDE
• 34. مقدمه‌ای بر Prettier
• 35. نصب و راه‌اندازی Prettier
• 36. پیکربندی Prettier برای پروژه‌های ری‌اکت
• 37. قوانین رایج Prettier برای فرمت‌بندی کد
• 38. یکپارچه‌سازی Prettier با IDE
• 39. یکپارچه‌سازی ESLint و Prettier
• 40. مدیریت افزونه‌های ESLint و Prettier
• 41. استفاده از husky و lint-staged برای اجرای خودکار
• 42. مقدمه‌ای بر Stylelint
• 43. نصب و راه‌اندازی Stylelint
• 44. پیکربندی Stylelint برای CSS/SCSS
• 45. قوانین رایج Stylelint
• 46. یکپارچه‌سازی Stylelint با IDE
• 47. مقدمه‌ای بر Jest
• 48. نصب و راه‌اندازی Jest
• 49. نوشتن تست‌های واحد (Unit Tests) برای کامپوننت‌ها
• 50. استفاده از Jest برای تست توابع کمکی
• 51. مقدمه‌ای بر React Testing Library
• 52. نصب و راه‌اندازی React Testing Library
• 53. نوشتن تست‌های تعاملی (Integration Tests)
• 54. تست کردن رویدادها (Events)
• 55. تست کردن رندرینگ و وضعیت کامپوننت‌ها
• 56. مقدمه‌ای بر TypeScript
• 57. نصب و راه‌اندازی TypeScript در پروژه‌های ری‌اکت
• 58. تایپ‌گذاری Props و State
• 59. تعریف اینترفیس‌ها (Interfaces) و تایپ‌ها (Types)
• 60. استفاده از TypeScript با هوک‌ها
• 61. استفاده از TypeScript با Redux
• 62. استفاده از TypeScript با React Router
• 63. مقدمه‌ای بر GraphQL
• 64. نصب و راه‌اندازی Apollo Client
• 65. نوشتن Query ها و Mutation ها
• 66. مدیریت وضعیت GraphQL در ری‌اکت
• 67. مقدمه‌ای بر Styled Components
• 68. نوشتن استایل‌های پویا با Styled Components
• 69. استفاده از Props در Styled Components
• 70. مقدمه‌ای بر Material-UI
• 71. نصب و راه‌اندازی Material-UI
• 72. استفاده از کامپوننت‌های Material-UI
• 73. شخصی‌سازی کامپوننت‌های Material-UI
• 74. مقدمه‌ای بر Next.js
• 75. نصب و راه‌اندازی Next.js
• 76. رندرینگ سمت سرور (SSR) با Next.js
• 77. تولید سایت استاتیک (SSG) با Next.js
• 78. مسیریابی در Next.js
• 79. API Routes در Next.js
• 80. استفاده از Context API در Next.js
• 81. مقدمه‌ای بر طراحی الگوهای UI (UI Patterns)
• 82. الگوهای رایج کامپوننت (Component Patterns)
• 83. الگوهای مدیریت وضعیت (State Management Patterns)
• 84. الگوهای مسیریابی (Routing Patterns)
• 85. اصول طراحی رابط کاربری (UI Design Principles)
• 86. اصول تجربه کاربری (UX Design Principles)
• 87. تکنیک‌های بهینه‌سازی عملکرد (Performance Optimization)
• 88. Lazy Loading و Code Splitting
• 89. Memoization و React.memo
• 90. استفاده از Profiler برای شناسایی مشکلات عملکرد
• 91. مدیریت خطا (Error Handling) در ری‌اکت
• 92. کامپوننت‌های Boundary خطا (Error Boundaries)
• 93. گزارش‌دهی خطا (Error Reporting)
• 94. مقدمه‌ای بر Accessibility (دسترسی‌پذیری)
• 95. استانداردهای WCAG
• 96. پیاده‌سازی دسترسی‌پذیری در کامپوننت‌های ری‌اکت
• 97. تست دسترسی‌پذیری
• 98. مقدمه‌ای بر CI/CD (ادامه و یکپارچه‌سازی مداوم)
• 99. پیکربندی pipelines برای ری‌اکت
• 100. استفاده از GitHub Actions برای CI/CD