ساخت یک App کپی از React, Redux و TypeScript

در این دوره، شما یاد خواهید گرفت که چگونه یک برنامه ساده و پیچیده را ایجاد کنید (یک ویرایشگر کد در مرورگر الهام گرفته از کد VS با استفاده از ویرایشگر موناکو). شما چیزهای زیادی را از چنین پروژه ای ساده یاد خواهید گرفت:
در پایان این دوره، شما قادر خواهید بود تمام دانش شما را به یک برنامه دنیای واقعی منتقل کنید. شما همچنین می توانید این پروژه را به عنوان یک پروژه نمونه کارها انجام دهید. این شامل بسیاری از چیزهایی است که شما در یک برنامه واکنش بزرگ استفاده می کنید.
بسیاری از دوره های زیادی روی اصول واکنش نشان می دهند. در این دوره ما یک برنامه ساده اما پیچیده ایجاد خواهیم کرد. شما خواهید دید که ما چیزهای زیادی را در چنین زمان کوتاهی پوشش خواهیم داد!

عنوان اصلی : Building a VS Code clone with React (w/ Redux + Typescript)

سرفصل های دوره :

1. معرفی
2. تعریف الزامات برنامه
3. کد بویلر
4. پیکربندی AUTH0
5. ایجاد جزء authprovider
6. اضافه کردن مولکول MUI و بارگیری
7. افزودن مولفه ProtectedRoute
8. ایجاد کامپوننت CustomThemeProvider
9. راه اندازی مسیرها
10. دکمه های Signin و Signout
11. اجزای سربرگ ساختمان
12. ساخت جزء طرح بندی
13. صفحه اصلی ساختمان
14. اضافه کردن برنامه های برنامه نویسی آیکون ها
15. اضافه کردن CodeEditor به عنوان یک مسیر محافظت شده
16. مقدمه ای بر Redux
17. نوشتن قطعه Darkmode
18. تست برای تکه تکه Darkmode
19. پیکربندی فروشگاه
20. تایپ قلاب های redux
21. ActionCreators در مقابل اقدامات
22. پیاده سازی حالت تاریک
23. پیکربندی پایداری
24 ایجاد فایل ها
25. ایجاد فایل های گیربکس
26. اضافه کردن تست برای فایل های گیربکس قسمت 1
27. اضافه کردن تست برای فایل های گیربکس بخش 2
28. اضافه کردن انتخاب انتخابی SelectActiveFiles
29. اضافه کردن عملکرد readfile
30. درک نوع FileViewersTructure
31. ایجاد تنه OpenFile
32. اضافه کردن آزمون برای Thunk OpenFile
33. ایجاد تنه نزدیک
34. اضافه کردن تست برای تختخواب نزدیک
35. ایجاد ReadFiles Thunk
36. اضافه کردن تست برای ReadFiles Thunk
37. اضافه کردن آزمون برای selectTreeviewdata
38. اضافه کردن SelectTreeViewdata Selector
39. اضافه کردن دکمه OpenWorkSpace
40. افزودن جزء Extensionicon
41. ایجاد مولفه FileViewer
42. ویرایشگر سفارشی اضافه شده است
43. کامپوننت پانل سفارشی سفارشی اضافه شده است
44. اضافه شده کامپوننت برچسب برگه سفارشی
45. کامپوننت CodeeditorContainer اضافه شده است
46. کامپوننت صفحه CodeEditor اضافه شده است
47. نتیجه