آموزش ساخت برنامه های React مدرن بوسیله Redux, Typescript و Material UI

با مشاهده این کورس آموزشی از طریق انجام پروژه های واقعی و به زبانی بسیار ساده مطالب فراوانی را در رابطه با React, TypeScript یاد می گیرید.

عنوان اصلی : Writing modern React apps (w/ Redux Toolkit + Typescript + Material UI + Auth0)

سرفصل ها :

1. معرفی
2. تعریف الزامات برنامه ویرایشگر کد
3. نصب Node.js (NVM، asdf)
4. نصب Docker و Docker Compose
5. ایجاد حساب Auth0
6. ایجاد دیگ بخار
7. پیکربندی زیباتر
8. اضافه کردن وابستگی ها
9. داکر کردن برنامه ما
10. پیکربندی Auth0
11. ایجاد پیکربندی برنامه
12. ایجاد مؤلفه AuthProvider
13. ایجاد یک کامپوننت بارگذاری مشترک
14. ایجاد برش حالت تاریک
15. اضافه کردن تست برای کاهش دهنده حالت تاریک
16. پیکربندی Redux persist
17. پیکربندی فروشگاه
18. ایجاد ارائه دهنده Redux
19. ایجاد قلاب های تایپ شده
20. پیکربندی رنگ های برنامه
21. ایجاد ارائه دهنده تم سفارشی
22. ایجاد مسیرهای محافظت شده با Auth0
23. ایجاد مؤلفه Routes
24. ایجاد کامپوننت Header
25. ایجاد جزء SignIn
26. ایجاد جزء SignOut
27. ایجاد دکمه های احراز هویت و احراز هویت نشده
28. تست احراز هویت
29. ایجاد جزء صفحه اصلی
30. تست رابط کاربری با کتابخانه تست React
31. تعریف انواع Custom File و File Viewer
32. ایجاد کاهش دهنده فایل ها
33. افزودن منطق تجاری کاهش دهنده فایل ها
34. تست کاهش دهنده فایل ها (قسمت 1)
35. تست کاهش دهنده فایل ها (قسمت 2)
36. تغییر ساختار پوشه فروشگاه
37. ایجاد انتخابگر selectActiveFiles
38. ایجاد دکمه Open Workspace
39. خواندن فایل ها (قسمت 1)
40. خواندن فایل ها (قسمت 2)
41. ایجاد یک مؤلفه قابل استفاده مجدد از نماد برنامه افزودنی
42. انتخابگر selectFileViewerData را آزمایش می کند
43. ایجاد انتخابگر selectFileViewerData
44. ایجاد مؤلفه File Viewer
45. ایجاد Open File thunk
46. ایجاد صفحه کد ویرایشگر
47. ایجاد پنل تب سفارشی
48. ایجاد محفظه ویرایشگر کد
49. ایجاد کنترل کننده onTabClick
50. ایجاد جزء Custom Tab Label
51. Close File thunk را ایجاد کنید
52. ایجاد ویرایشگر سفارشی موناکو و تکمیل برنامه