دوره آموزشی
The Great Courses
دوبله زبان فارسی

دوره React پیشرفته - سیستم طراحی، الگوهای طراحی و عملکرد

دوره React پیشرفته - سیستم طراحی، الگوهای طراحی و عملکرد

✅ سرفصل و جزئیات آموزش

آنچه یاد خواهید گرفت:

  • ارتقا از توسعه‌ دهنده تازه کار و متوسط فرانت‌ اند ​​به توسعه دهنده سطح ارشد
  • طراحی و توسعه سیستم های طراحی سطح سازمانی برای کتابخانه کامپوننت قابل استفاده مجدد و با قابلیت نگهداری بالا
  • تسلط به الگوهای کامپوننت پیشرفته از جمله HOCs، کانتینرها، هوک های سفارشی و برنامه نویسی تابعی ReactJS
  • می آموزید که چه زمانی از الگوهایی مانند کامپوننت های کنترل‌ شده و غیر کنترل‌ شده روی سایر الگوهای طراحی استفاده کنید.
  • بهینه سازی عملکرد اپلیکیشن های ری اکت با استفاده از تکنیک‌ های memoization
  • تبدیل شدن به یک متخصص در مکان یابی رندرهای هدر رفته در پروژه های ری اکت و مقابله با آن ها با استفاده از ویژگی های ری اکت
  • درک و استفاده از تایپ اسکریپت مانند توسعه دهندگان خبره به روش ری اکت
  • استفاده از هوک های ری اکت، Context API و props تایپ برای ساخت اپلیکیشن های قوی و قابل اعتماد تایپ اسکریپت که مقیاس بندی می شوند.

پیش نیازهای دوره

  • دانش اولیه در React لازم است.

توضیحات دوره

شما یاد می گیرید که پروژه‌ های ری اکت را بسازید که حتی قبل از اتمام بروز می‌ مانند و نیز می آموزید که چگونه اپلیکیشن های ری اکت را بسازید که رشد آن ها آسان باشد و با سیستمی که واقعاً کار می‌ کند همگام شوید.

اگر در حال بررسی این دوره هستید، احتمال اینکه توسعه دهنده ری اکت باشید که به دنبال ارتقای مهارت های خود هستید. زیاد است. پس در این صورت، شما در جای درستی هستید.

در این دوره به موضوعات منحصر به فرد در چندین ماژول از جمله سیستم های طراحی، الگوهای طراحی، بهینه سازی عملکرد و تایپ اسکریپت پیشرفته با ری اکت می پردازیم.

این دوره به بررسی موضوعات پیشرفته متعددی می پردازد تا شما را در ساخت اپلیکیشن های ری اکت که قابل نگهداری، مقیاس پذیر و با کارایی بالا هستند راهنمایی کند. مباحثی مانند معماری پروژه مقیاس پذیر، تکنیک های موثر برای مدیریت عملیات های غیرهمزمان و API states، الگوهای کامپوننت پیشرفته، بهینه سازی عملکرد، الگوهای مدیریت state محلی و گلوبال و موارد دیگر پوشش داده می شوند.

تمام مطالب این دوره بر اساس سال ها تجربه کار روی چندین پروژه ری اکت است و هر مفهومی با مثال های عینی همراه است.

همه مباحث با مثال‌ های عملی واقعی ارائه شده‌ اند تا بتوانید همه مفاهیم را در پروژه‌ های روزمره خود بلافاصله اعمال کنید.

آنچه خواهید آموخت:

کامپوننت های پیشرفته و الگوهای طرح بندی

  • به عنوان توسعه‌ دهنده ارشد نرم‌ افزار، مباحث تحت پوشش این ماژول را به‌ عنوان عناصر مهمی که هنگام مصاحبه با داوطلبان توسعه‌ دهنده ری اکت جستجو می‌ کنیم، شناسایی کرده‌ ایم. این الگوها می توانند به پر کردن شکاف بین توسعه دهندگان جوان یا متوسط و تبدیل شدن به متخصص ارشد ری اکت کمک کنند.

با اتمام این بخش، این فرصت را خواهید داشت که ضروری ترین الگوهای طراحی ری اکت را کشف کنید.

بهینه سازی عملکرد

  • شما بسیاری از تکنیک‌ های ضروری برای بهبود و بهینه‌ سازی عملکرد اپلیکیشن های خود را بررسی می کنید تا آن ها را سریع و کاربران خود را شگفت‌ زده کنید. شما با بهینه‌ سازی رندرهای مجدد، مجازی‌ سازی لیست طولانی، Throttling و Denouncing، تقسیم کد و Lazy Loading و موارد دیگر آشنا می شوید.

هوک ها و مفاهیم پیشرفته ری اکت

  • همچنین بخشی در مورد برخی از مفاهیم پیشرفته و هوک ها و موارد استفاده آن ها وجود دارد زیرا می توانند به شما در مقابله با برخی از چالش ها در سناریوهای مرتبط کمک کنند.

تکنیک های پیشرفته مدیریت State 

  • شما به تکنیک های پیشرفته مدیریت State تسلط می یابید که به شما امکان می دهد به راحتی داده stateful را در اپلیکیشن خود مدیریت کرده، به اشتراک بگذارید و مجددا استفاده کنید. شما الگوها را بررسی می کنید تا State را به شیوه ای تمیز، خوانا و مقیاس پذیر مدیریت کنید و از هوک ها، Immer و Context API استفاده کنید.

معماری مقیاس پذیر

  • شما نحوه ایجاد معماری مقیاس پذیر برای اپلیکیشن های ری اکت خود را می آموزید که در واقع مدیریت و گسترش آن آسان است.

مدیریت موثر درخواست های API و مدیریت API states در مقیاس بالا

  • با پیاده‌ سازی لایه API انعطاف‌ پذیر و مقیاس‌ پذیر و ترکیب آن با React-Query، الگوهای پیشرفته برای مدیریت عملیات‌ های غیرهمزمان، API states و لغو درخواست را می آموزید.

سیستم طراحی و استایل های کپسوله سازی

  • مدیریت پروژه های بزرگ فقط مربوط به کدنویسی کامپوننت ها نیست. توسعه کامپوننت های بی پایان بدون از دست دادن مسیر مستلزم سیستم های طراحی solid برای تضمین قابلیت استفاده مجدد و نگهداری هر عنصر از پروژه است. ما شما را با مفاهیم و تئوری آشنا خواهیم کرد، سپس برخی از کامپوننت های اولیه را در فیگما توسعه می‌ دهیم و در نهایت، دانش پایه‌ ای توسعه‌ پذیر از طراحی را در ReactJS ایجاد می‌ کنیم. بنابراین شما ذهنیتی در مورد نحوه طراحی و توسعه سیستم طراحی تمیز و قابل استفاده مجدد ایجاد می کنید. تمرکز بیشتر این ماژول روی استایل های کپسوله سازی برای تضمین قابلیت استفاده مجدد بیشتر در کتابخانه کامپوننت شما خواهد بود.

نکات کد تمیز

  • ما همچنین نکاتی را در مورد کدهای تمیز در ری اکت به شما آموزش می دهیم. در این بخش، مفاهیمی مانند props را به همراه بهینه‌ سازی برخی مسائل عملکرد با Context API بررسی می‌ کنیم.

تایپ اسکریپت پیشرفته

  • آخرین مورد اما نه کم اهمیت ترین آن، تایپ اسکریپت است که ما آن را به روش ری اکت بررسی می کنیم. در این ماژول، نحوه استفاده موثر از تایپ اسکریپت با کامپوننت‌ های ری اکت را یاد می‌ گیرید و اطمینان حاصل می‌ کنید که از ویژگی‌ های مناسب استفاده می‌ کنید. علاوه بر این، نحوه استفاده از Context API، هوک های ری اکت و props تایپ را می آموزید تا اپلیکیشن های انعطاف‌ پذیرتر و ایمن‌ تر را در مقیاس بزرگ‌ تر توسعه دهید.

به طور خلاصه، اگر می خواهید به تمام این مباحث جالب رسیدگی کنید و مهارت های خود را به سطح بعدی برسانید، در این دوره به ما بپیوندید.

این دوره در حال پیشرفت مداوم خواهد بود و ماژول های بیشتری بر اساس نظرات دانشجویان اضافه می شود.

این دوره برای چه کسانی مناسب است؟

  • توسعه دهندگان ری اکت که مایل به ارتقا از سطح مبتدی و متوسط ​​به سطح متخصص هستند.
  • توسعه دهندگان فرانت اند که به دنبال کشف پتانسیل کامل ری اکت هستند.

دوره React پیشرفته - سیستم طراحی، الگوهای طراحی و عملکرد

  • نقطه شروع 01:25
  • بررسی دوره 03:55
  • پیش‌نیازها 00:49
  • Splitter صفحه نمایش 07:46
  • بهبود Splitter صفحه نمایش 06:56
  • لیست‌ها 14:07
  • انواع لیست ها 07:12
  • مودال ها 09:41
  • مقدمه 01:47
  • راه‌اندازی سرور 03:44
  • کامپوننت Loader برای داده CurrentUser 08:53
  • کامپوننت Loader برای داده کاربر 03:06
  • کامپوننت Loader برای داده منبع 05:08
  • کامپوننت DataSource 06:38
  • کامپوننت Container با الگوی Render Props 06:12
  • کامپوننت بارگذار داده‌ Local Storage 03:14
  • مقدمه 02:36
  • کامپوننت های کنترل نشده 06:38
  • کامپوننت های کنترل شده 06:39
  • مودال های کنترل شده 07:12
  • جریان های کنترل نشده 09:27
  • جمع‌آوری داده 06:43
  • جریان‌های کنترل‌شده 07:55
  • مقدمه 01:58
  • بررسی Props با HOC 06:56
  • بارگذاری داده‌ با HOC 05:57
  • بروزرسانی داده‌ با HOC 10:04
  • ساخت فرم با HOC 06:48
  • ارتقای الگوی HOC 12:02
  • مقدمه 01:43
  • دریافت یک کاربر با Custom Hook 04:49
  • دریافت کاربران با Custom Hook 02:20
  • دریافت یک منبع با استفاده از Custom Hook 03:23
  • یک Custom Hook عمومی‌تر 11:54
  • مقدمه 02:36
  • کامپوننت‌های بازگشتی 07:26
  • کامپوزیشن ها 05:07
  • کامپوننت های جزئی 05:16
  • کامپوننت های مرکب 10:11
  • الگوی Observer 13:07
  • React Portals 07:18
  • مرزهای خطا 11:50
  • توضیح کلیدها 07:04
  • Listeners رویداد 03:02
  • useLayoutEffect 07:47
  • useId 06:58
  • useCallback As Ref 06:33
  • useDeferredValue 10:24
  • useTransition 09:09
  • روتر React ناهمزمان 20:08
  • استفاده از Prop عنصر 04:57
  • بهینه سازی Context API 16:50
  • Less useEffects 07:24
  • معماری عمومی 09:40
  • کامپوننت های Route 04:13
  • کامپوننت های کپسوله‌ سازی و منطق‌ها 07:32
  • ساخت لایه API 14:53
  • وضعیت‌های API 15:02
  • ارتقای وضعیت‌های API 14:05
  • اجتناب از لرزان‌شدن بارگذاری‌گرها 09:08
  • استتار وضعیت‌های API و منطق دریافت 09:59
  • اضافه کردن منطق لغو درخواست 29:03
  • خطاهای لاگ کردن 05:24
  • راه اندازی سرور و راه‌حل سریع برای تابع withLogger 02:29
  • دریافت داده‌ها با React-Query 08:10
  • بروزرسانی داده‌ها با React-Query 14:06
  • صفحه‌بندی با React-Query 06:45
  • اسکرول بی‌نهایت با React-Query 08:19
  • لغو کوئری با React-Query 08:36
  • بروزرسانی‌های غیرقابل تغییر با useImmer 12:06
  • کاهش‌گر تمیزتر با استفاده از useImmerReducer 07:55
  • تقسیم کد و بارگذاری تنبل 10:28
  • استفاده از useCallback hook برای حفظ یکپارچگی ارجاعی 11:09
  • اجتناب از رندرهای دوباره با استفاده از useMemo 03:00
  • جمع‌آوری State 02:06
  • جلوگیری از رندرهای دوباره با انتقال کامپوننت به بالا 02:54
  • Throttling 08:10
  • Debounce کردن 07:53
  • سیستم طراحی چیست؟ 00:53
  • اهمیت داشتن سیستم طراحی 03:00
  • ضلع های پایین سیستم های طراحی 02:01
  • ساختار تیم 02:15
  • مخاطبان سیستم های طراحی 01:13
  • یک مثال واقعی 02:56
  • مفاهیم کلیدی سیستم های طراحی 01:04
  • چک لیست عملی 02:41
  • اشتباهاتی که باید اجتناب کرد 01:18
  • مروری بر بخش 00:38
  • عملی - پالت رنگ در فیگما 07:36
  • تمرین عملی - ساخت دکمه 05:42
  • عملی - طراحی یک مودال 09:20
  • اصول توسعه پذیر 09:36
  • ساخت کامپوننت Button 09:28
  • ساخت مودال 10:24
  • قابلیت استفاده مجدد و استایل های کپسوله‌ سازی 03:38
  • کامپوزیشن های استایل 07:39
  • کپسوله‌ سازی استایل ها 05:22
  • بررسی 00:50
  • الگوی لایه‌ها 13:08
  • الگوی تقسیم 09:46
  • الگوی ستون 14:20
  • الگوی گرید 09:24
  • الگوی Bundle درون خطی 09:23
  • الگوی درون خطی 20:38
  • بررسی 02:31
  • الگوی پد 14:25
  • الگوی مرکزی 08:30
  • الگوی Media-Wrapper 11:10
  • الگوی کاور 14:43
  • بازبینی مودال 14:29
  • useState 11:15
  • State بدون State اولیه 08:11
  • انتقال States و رویدادها - بخش 1 04:06
  • انتقال States و رویدادها - بخش 2 06:02
  • ریفکتور کردن انتقال States و رویدادها 06:52
  • userRef تایپ ها 04:46
  • تایپ کردن مقادیر بازگشتی یک هوک سفارشی 02:17
  • تایپ کردن حالت‌های پیچیده 02:20
  • تایپ کردن حالت‌های پیچیده - بخش 2 02:20
  • تاپل‌ها با هوک‌های سفارشی 03:51
  • Typing Reducers 14:50
  • انتقال Dispatch به عنوان Prop - بخش 1 12:08
  • انتقال Dispatch به عنوان Prop - بخش 2 08:23
  • تایپ های Template Literal 05:38
  • تایپ های اکشن و Reducer 05:30
  • تایپ های یوتیلیتی 13:36
  • جنریک ها با لیترال های قالب 05:15
  • اطلاعات بیشتر در مورد جنریک ها 08:22
  • ساخت کانتکس با جنریک ها 11:06
  • Consume کردن کانتکس سفارشی 09:46
  • ساختن یک Type Helper 06:24
  • Type Helper دیگر 06:34
  • محدودیت‌های تایپ عمومی 03:17
  • تایپ‌گذاری یک هک با تایپ‌های عمومی 03:48
  • استنباط انواع تایپ‌های عمومی 03:38
  • کامپوننت های تایپ عمومی 04:28
  • رسال انواع به کامپوننت ها 02:57
  • بازنگری در تایپ‌های عمومی 04:53
  • کامپوننت های مرتبه بالاتر - بخش 1 08:06
  • کامپوننت های مرتبه بالاتر - بخش 2 14:54
  • Render Props 09:03
  • هوک‌های سفارشی 04:18
  • محدود کردن کامپوزیشن Prop 13:25
  • نیاز به کامپوزیشن prop 15:52
  • Render Props 11:34
  • کامپوننت Wrapper 07:51
  • کامپوننت Polymorphic 06:05
  • تایپ اسکریپت از طریق Intellisense 03:07
  • تعریف تایپ Props 05:20
  • مهاجرت از جاوا اسکریپت به تایپ اسکریپت - تمرین 08:05
  • تعریف تایپ ها برای کودکان 07:56
  • گسترش Props با Helpers 04:40
  • Props با انواع متغیر 03:04
  • نیازمند بودن Props 03:12
  • تفکیک Props 04:28
  • آبجکت خالی به عنوان نوع 01:59
  • آبجکت خالی و Props نیازمند 02:39
  • درک ReactNode 03:36
  • پیوند دادن انواع 04:32
  • تکمیل خودکار جزئی 03:39
  • استخراج انواع با as const 05:50
  • Props پویا 05:46
  • پروژه نمونه 02:25
  • راه اندازی و اجرا با کدهای دمو 05:05
  • آشنایی با React Profiler 01:24
  • معرفی به رندرینگ React 01:51
  • DOM مجازی 01:34
  • جلوگیری از رندرهای خراب در یک کامپوننت ساده 08:37
  • جلوگیری از رندرهای خراب در کامپوننت های تابعی 05:38
  • جلوگیری از رندرهای هدر رفته هنگام برخورد با Prop های پیچیده 08:50
  • استفاده از داده‌های غیرقابل تغییر برای مجاز بودن مقایسه‌ها 07:46
  • جلوگیری از رندرهای هدر رفته در کامپوننت های تکراری 03:56
  • منابع 00:10
  • دریافت عملیات های پرهزینه 08:38
  • کاهش سایز باندل ها 05:23
  • کامپوننت های Lazy Loading 08:46
  • منابع 00:10

12,680,400 3,170,100 تومان

مشخصات آموزش

دوره React پیشرفته - سیستم طراحی، الگوهای طراحی و عملکرد

  • تاریخ به روز رسانی: 1405/04/02
  • سطح دوره:Alls
  • تعداد درس:181
  • مدت زمان :21:16:34
  • حجم :4.96GB
  • زبان:دوبله زبان فارسی
  • دوره آموزشی:AI Academy

آموزش های مرتبط

The Great Courses
7,256,500 1,451,300 تومان
  • زمان: 09:44:25
  • تعداد درس: 67
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
2,260,000 452,000 تومان
  • زمان: 03:02:02
  • تعداد درس: 14
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
795,000 159,000 تومان
  • زمان: 58:00
  • تعداد درس: 12
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
19,403,000 3,880,600 تومان
  • زمان: 26:02:40
  • تعداد درس: 175
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
8,508,000 1,701,600 تومان
  • زمان: 11:25:13
  • تعداد درس: 94
  • سطح دوره:
  • زبان: دوبله فارسی
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
1,833,000 366,600 تومان
  • زمان: 02:27:39
  • تعداد درس: 24
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
6,100,500 1,220,100 تومان
  • زمان: 08:11:21
  • تعداد درس: 28
  • سطح دوره:
  • زبان: دوبله فارسی
The Great Courses
3,634,500 726,900 تومان
  • زمان: 04:52:43
  • تعداد درس: 38
  • سطح دوره:
  • زبان: دوبله فارسی

آیا سوالی دارید؟

ما به شما کمک خواهیم کرد تا شغل و رشد خود را افزایش دهید.
امروز با ما تماس بگیرید