دوره آموزشی
دوبله زبان فارسی
مسترکلاس بررسی عمیق React 18 و Typescript
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- مهارتهای Javascript لازم برای یادگیری ReactJS
- کدبیس کامل Typescript همراه با ReactJS
- یادگیری تفکر به سبک React
- درک کامل چگونگی رندر کردن کامپوننتها و ترسیم آنها در DOM توسط React
- درک React Fiber یا معماری Fiber
- درک ReactJS VirtualDOM
- مفاهیم Reflow و Repaint - چگونه React به شکلی کارآمد از آنها استفاده میکند؟
- بهینهسازی کامپوننتهای React و پروفایلگیری از آنها
- فازهای Render و Commit در React
- آپدیتهای با اولویت بالا و پایین
- تعلیق کامپوننتها
پیشنیازهای دوره
- درک اولیه از Javascript/HTML/CSS
- اشتیاق شدید برای فهم کامل ReactJS (نه فقط در سطح ظاهری)
- همین! مدرس شما را در دوره خواهد دید.
توضیحات دوره
این دوره برای توسعهدهندگان جدید و قدیمی ReactJS طراحی شده است تا همه بتوانند درک کاملی از نحوه عملکرد React داشته باشند. مدرس در حین ایجاد این دوره تحقیقاتی انجام داده و حتی کدهای React را از GitHub بررسی کرده است تا اطمینان حاصل کند که آن را کاملاً درک کرده است.
در اصل، مدرس در اینجا چگونگی استفاده از ReactJS را آموزش میدهد و همزمان درک عمیقی از عملکرد پشت صحنه آن ارائه میدهد. دانستن اینکه React چگونه در پسزمینه کار میکند، به توسعهدهندگان کمک میکند تا با استفاده از ReactJS کدهای بهتری بنویسند، زیرا آنها کاملاً از نحوه عملکرد آن آگاه هستند.
دورههای دیگر نحوه استفاده از ReactJS را آموزش میدهند، اما این دوره درک عمیقتری از هر مفهوم و ویژگی که React ارائه میدهد، به شما خواهد داد. برای مثال:
- آیا میدانید Reflow و Repaint چیست؟
- مفهوم React Fiber چیست؟
- چرا useEffect ،useLayoutEffect و useTransitionEffect را داریم؟ تعداد زیادی افکت وجود دارد!
- آیا این موارد synchronous هستند یا asynchronous؟
- هنگام استفاده از این افکتها، React چند وقت یکبار UI را در DOM ترسیم میکند؟
- چگونه React آپدیتها را زمانبندی میکند؟
- آپدیتهای با اولویت بالا و پایین چه هستند؟
- چگونه React با کارایی بالا VirtualDOM را ایجاد میکند و تا حد امکان از حداقل حافظه استفاده میکند؟
- چند VirtualDOM در ReactJS داریم؟
- چگونه React آپدیتها را دستهبندی میکند؟
- اگر چندین آپدیت State در کامپوننتهای مختلف داشته باشید، React چند بار کامپوننتهای شما را رندر خواهد کرد؟
اگر مواردی که مدرس اشاره کرد را از قبل میدانید، احتمالاً نیازی به این دوره ندارید. اگر نمیدانید، با مدرس همراه شوید تا این موارد را بیاموزید! بیایید کمی خوش بگذرانیم!
این دوره برای چه کسانی مناسب است؟
- هر کسی که میخواهد ReactJS را یاد بگیرد و آن را به طور کامل درک کند.
مسترکلاس بررسی عمیق React 18 و Typescript
-
مقدمه 03:18
-
مدرس شما 03:00
-
چرا React؟ 06:20
-
بررسی Typescript 01:16
-
مقدمه 00:51
-
Var ،Let و Const 03:51
-
Var ،Let و Const - تمرین عملی 06:08
-
Logical OR و AND 01:14
-
Logical OR و AND - تمرین عملی 03:41
-
مقادیر Primitive در برابر Reference Type 01:37
-
مقادیر Primitive در برابر Reference Type - تمرین عملی 02:12
-
Shallow Copy و Deep Copy 04:45
-
Shallow Copy و Deep Copy - تمرین عملی 05:59
-
Spread Operator ،Rest Parameter و Destructuring 04:54
-
Spread Operator ،Rest Parameter و Destructuring - تمرین عملی 08:46
-
کلاس 03:02
-
کلاس - تمرین عملی 06:00
-
آبجکت This به همراه Arrow Function 04:59
-
آبجکت This به همراه Arrow Function - تمرین عملی 03:49
-
Promiseها و Async+Await 12:16
-
Promiseها و Async+Await - تمرین عملی 13:10
-
Export و Import 03:55
-
خلاصه 03:52
-
مقدمه 00:47
-
راهاندازی محیط (Environment) 08:09
-
Component و Props 15:25
-
Style و Class 05:58
-
List و Keys 08:48
-
Conditional Rendering 04:20
-
React Dev Tools 05:47
-
چرخه عمر یک کامپوننت 05:18
-
تمرین: ایجاد یک رابط کاربری (UI) ساده None
-
(راهحل) تمرین: ایجاد یک رابط کاربری (UI) ساده 06:48
-
قبل از اینکه به سراغ Hooks برویم! 02:25
-
مقدمه 01:04
-
هوک useState 13:45
-
استفاده از useState با آبجکت ها و StrictMode 06:36
-
کامپوننتهای Controlled و Uncontrolled 08:50
-
هوک useReducer 10:49
-
هوک useReducer - پیشرفته 15:53
-
مقایسه useReducer و useState 12:13
-
Context و useContext 13:49
-
useReducer و useContext 07:17
-
هوک useSyncExternalStore 13:02
-
تمرین: اپلیکیشن کتاب من None
-
(راهحل) تمرین: اپلیکیشن کتاب من 10:43
-
دستهبندی آپدیتها 06:12
-
مقدمه 00:40
-
هوک useRef 09:43
-
دستکاری DOM با Refs 10:13
-
Callback Refs 05:22
-
Forwarding Ref (افزودن Ref به کامپوننت خود) 12:33
-
هوک useImperativeHandle! 15:55
-
تمرین: اپلیکیشن فرم نظرسنجی None
-
(راهحل) اپلیکیشن فرم نظرسنجی 19:06
-
مقدمه 01:01
-
useEffect 14:10
-
useLayoutEffect 06:25
-
Reflow و Repaint 08:00
-
هشدار! 02:08
-
تمرین - اپلیکیشن کاربران None
-
(راهحل) تمرین - اپلیکیشن کاربران 10:17
-
مقدمه 00:52
-
memo 08:44
-
useMemo 11:45
-
useCallback 07:28
-
Transitions 14:01
-
useDeferredValue 12:26
-
فاز Render و Commit 06:41
-
React Fiber 20:44
-
Lazy و Suspense 08:42
-
درک Suspense 08:39
-
Profiler (ابزارهای توسعه React) 16:19
-
کامپوننت Profiler 11:47
-
عملکرد و بهینهسازی None
-
مقدمه 00:18
-
useId 06:18
-
ساخت یک Custom Hook! 06:53
-
useDebugValue 04:47
-
تمرین - ساخت Custom Hook None
-
(راهحل) تمرین - ساخت Custom Hook 02:42
مشخصات آموزش
مسترکلاس بررسی عمیق React 18 و Typescript
- تاریخ به روز رسانی: 1404/10/04
- سطح دوره:همه سطوح
- تعداد درس:81
- مدت زمان :09:42:27
- حجم :4.15GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy
آموزش های مرتبط
The Great Courses
2,495,000
499,000 تومان
- زمان: 06:19:16
- تعداد درس: 40
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
6,787,000
1,357,400 تومان
- زمان: 17:11:52
- تعداد درس: 113
-
سطح دوره:
-
زبان: دوبله فارسی
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
1,580,000
316,000 تومان
- زمان: 04:00:26
- تعداد درس: 31
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
770,000
154,000 تومان
- زمان: 01:57:58
- تعداد درس: 29
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
490,000
98,000 تومان
- زمان: 39:24
- تعداد درس: 25
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
1,922,000
384,400 تومان
- زمان: 04:52:39
- تعداد درس: 73
-
سطح دوره:
-
زبان: دوبله فارسی
The Great Courses
490,000
98,000 تومان
- زمان: 0:12:06
- تعداد درس: 8
-
سطح دوره:
-
زبان: دوبله فارسی
-
سطح دوره:
-
زبان: دوبله فارسی