دوره آموزشی

دوبله زبان فارسی

ری اکت - راهنمای کامل 2026 (شامل Next.js و Redux)

Name: ری اکت - راهنمای کامل 2026 (شامل Next.js و Redux)
Price: 106332000 IRR
Availability: InStock
Author: AI Academy

معرفی
سرفصل

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

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

React را از پایه یاد بگیرید و این دوره را به‌عنوان یک توسعه‌دهنده پیشرفته React به پایان برسانید
چندین اپلیکیشن نمایشی باکیفیت بسازید، از جمله یک اپلیکیشن fullstack که با NextJS ساخته شده است
به بیش از 900,000 دانشجو در این دوره بپیوندید و در مجموع به بیش از 3,000,000 دانشجویی که در همه دوره‌هایم آموزش داده‌ام
اپلیکیشن‌های fullstack React را با NextJS 14+ بسازید
به‌صورت محلی یا در یک محیط توسعه ابری همراهی کنید
همه‌چیز را درباره React Hooks و React Components یاد بگیرید
استیت های پیچیده را به‌صورت کارآمد با React Context API و React Redux مدیریت کنید
اپلیکیشن‌های مستقل React و همچنین برنامه‌های متصل به backend از طریق HTTP بسازید
درباره routing و واکشی داده‌های مرتبط با route با React Router یاد بگیرید
احراز هویت کاربر را در اپلیکیشن‌های React پیاده‌سازی کنید
با تست واحد React شروع کنید

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

مبانی JavaScript + HTML + CSS کاملاً ضروری است
برای موفقیت در این دوره، لازم نیست متخصص JavaScript باشید!
آشنایی با JavaScript در سطح ES6+ مفید است، اما الزامی نیست
هیچ تجربه قبلی با React یا هر framework دیگری از JavaScript لازم نیست!

توضیحات دوره

دوره‌ای برای مشتریان پرمشغله و حرفه‌ای‌های کسب‌وکار

این دوره همچنین دو مسیر در اختیار شما می‌گذارد: مسیر "کامل" (دوره‌ی کامل با بیش از 40 ساعت) و مسیر "خلاصه" (فشرده) (ماژول خلاصه‌ی حدود 4 ساعته) - می‌توانید مسیری را انتخاب کنید که بهتر با زمان شما سازگار است!

React.js محبوب‌ترین کتابخانه JavaScript است که این روزها می‌توانید برای ساخت رابط‌های کاربری مدرن و تعاملی برای وب از آن استفاده کنید و آن را یاد بگیرید.

این دوره React را به‌صورت عمیق، از پایه و گام‌به‌گام با ورود به همه مبانی اصلی، بررسی مثال‌های فراوان و همچنین معرفی مفاهیم پیشرفته آموزش می‌دهد.

شما تمام تئوری، تعداد زیادی مثال و دمو، تکلیف و تمرین، و حجم زیادی از دانش مهم را دریافت می‌کنید که در بیشتر منابع دیگر نادیده گرفته می‌شود - در نهایت، دلیلی وجود دارد که این دوره این‌قدر حجم بالایی دارد!

و اگر حتی نمی‌دانید چرا باید React را یاد بگیرید و فقط به‌خاطر یک تبلیغ یا "الگوریتم" اینجا هستید - نگران نباشید: ReactJS یک فناوری کلیدی برای توسعه‌دهندگان وب است و در این دوره توضیح می‌دهیم چرا این‌قدر مهم است!

به دوره "ری اکت - راهنمای کامل" خوش آمدید!

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

این دوره بسیار بزرگ است، چون واقعاً همه‌چیزهایی را که برای تبدیل شدن به یک توسعه‌دهنده React.js باید بدانید و یاد بگیرید پوشش می‌دهد!

فرقی نمی‌کند هیچ چیزی درباره React ندانید یا از قبل کمی دانش پایه React داشته باشید (الزامی نیست، اما مشکلی هم نیست)، از این دوره حجم زیادی از اطلاعات و دانش مفید به دست خواهید آورد!

هدف از این دوره این است که مطمئن شویم هنگام کار با React احساس اطمینان دارید، تا بتوانید برای شغل‌های React اقدام کنید، از آن در پروژه‌های شخصی خود استفاده کنید یا فقط رزومه و نمونه‌کار خود را به‌عنوان یک توسعه‌دهنده تقویت کنید - هر هدفی که داشته باشید: این دوره شما را به آن می‌رساند!

در این دوره چه مباحثی وجود دارد؟

مقدمه‌ای کامل و دقیق بر React.js (React چیست و چرا باید از آن استفاده کنید؟)
همه مبانی اصلی: React چگونه کار می‌کند، ساخت component با React و ساخت رابط کاربری با React
Components ،props و اتصال داده‌ی پویا
کار با رویدادهای کاربر و state برای ساخت برنامه‌های تعاملی
نگاهی دقیق به پشت صحنه برای درک اینکه React در زیرساخت چگونه کار می‌کند.
توضیحات مفصل درباره کار با لیست‌ها و محتوای شرطی
React Hooks (به‌صورت عمیق)!
کار با Hookهای داخلی و ساخت Hookهای سفارشی
چگونه React appها را دیباگ کنید؟
استایل‌دهی به React appها با "Styled Components" و "CSS Modules"
کار با "Fragments" و "Portals"
مدیریت side effectها
componentهای مبتنی بر class و componentهای تابعی
ارسال درخواست‌های Http و مدیریت استیت های انتقالی + پاسخ‌ها
مدیریت فرم‌ها و ورودی کاربر (از جمله اعتبارسنجی)
استفاده از React Form Actions
Redux و Redux Toolkit
Routing با React Router
درک React Server Components
مقدمه‌ای عمیق بر Next.js
استقرار React Appها
پیاده‌سازی احراز هویت
تست واحد
ترکیب React با TypeScript
افزودن انیمیشن‌ها
تعداد زیادی مثال و پروژه نمایشی تا بتوانید همه چیزهایی را که یاد گرفته‌اید در پروژه‌های واقعی به کار ببرید
و خیلی چیزهای دیگر - سرفصل کامل را در همین صفحه ببینید!

شما به هیچ دانش قبلی از React نیاز ندارید!

این دوره با فرض دانش صفر شروع می‌شود! فقط کافی است دانش پایه‌ای در توسعه وب و JavaScript داشته باشید (هرچند خود دوره حتی یک مرور کوتاه JavaScript هم دارد تا مطمئن شویم همه در یک سطح هستیم!).

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

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

ری اکت - راهنمای کامل 2026 (شامل Next.js و Redux)

فصل 1: شروع کار

به دوره خوش آمدید! 01:07
React.js چیست؟ و چرا باید از آن استفاده کنید؟ 02:58
ReactJS در برابر «Vanilla JavaScript»: چرا از React استفاده کنیم؟ 10:57
ویرایش اولین React app ما 04:22
درباره این دوره و سرفصل دوره 02:55
دو روش (مسیر) برای گذراندن این دوره 03:08
بیشترین بهره را از این دوره ببرید 05:24
ایجاد پروژه‌های React 07:10
چرا به یک تنظیمات ویژه پروژه نیاز دارید؟ 02:51

فصل 2: مرور JavaScript

معرفی ماژول 01:49
پروژه آغازین 01:00
افزودن JavaScript به یک صفحه و تفاوت پروژه‌های React 06:57
پروژه‌های React از یک فرایند build استفاده می‌کنند 08:04
ایمپورت و اکسپورت 12:04
مرور دوباره متغیرها و مقادیر 07:01
مرور دوباره operatorها 02:33
مرور دوباره تابع‌ها و پارامترها 08:14
تمرین: کار با تابع‌ها None
تابع‌های arrow 02:11
مرور دوباره objectها و classها 06:07
آرایه‌ها و متدهای آرایه مانند ()map 11:10
تمرین: متدهای آرایه None
destructuring 05:16
عملگر spread 03:13
مرور ساختارهای کنترلی 05:28
دستکاری DOM - نه با React! 00:52
استفاده از تابع‌ها به‌عنوان مقدارها 07:21
تعریف تابع‌ها درون تابع‌ها 01:55
مقادیر مرجع در برابر مقادیر primitive 04:44

فصل 3: ملزومات ری اکت - componentها، JSX ،props ،state و موارد بیشتر

معرفی ماژول 01:48
همه‌چیز درباره کامپوننت هاست! [مفهوم اصلی] 06:07
راه‌اندازی پروژه آغازین 03:06
JSX و کامپوننت های React [مفهوم اصلی] 04:42
ایجاد و استفاده از اولین کامپوننت سفارشی 05:52
ساخت و استفاده از یک کامپوننت None
React چگونه کامپوننت ها را مدیریت می‌کند و چگونه یک «درخت کامپوننت» می‌سازد؟ [مفهوم اصلی] 08:21
کامپوننت ها و JSX None
استفاده و خروجی گرفتن مقادیر پویا [مفهوم اصلی] 06:00
تنظیم پویا HTML Attributes و بارگذاری فایل‌های تصویر 04:41
خروجی گرفتن محتوای پویا None
قابل‌استفاده‌مجدد کردن کامپوننت ها با props [مفهوم اصلی] 09:06
سینتکس های جایگزین برای props 06:44
کار با props None
مقادیر پویا و props None
بهترین شیوه: ذخیره کامپوننت ها در فایل‌ها و استفاده از ساختار پروژه مناسب 06:31
ذخیره فایل‌های استایل کامپوننت در کنار کامپوننت ها 06:15
کامپوزیشن کامپوننت: prop ویژه «children» [مفهوم اصلی] 08:06
کامپوزیشن کامپوننت None
واکنش به رویدادها [مفهوم اصلی] 06:45
ارسال توابع به‌عنوان مقدار برای props 06:43
واکنش به رویدادها None
ارسال آرگومان‌های سفارشی به توابع رویداد 05:36
پیکربندی Event Handlers None
بهترین شیوه‌ها و مدیریت رویدادها None
چگونه نباید UI را به‌روزرسانی کرد؟ - نگاهی به پشت صحنه React [مفهوم اصلی] 05:29
مدیریت state و استفاده از Hooks [مفهوم اصلی] 10:28
کار با state None
مشتق‌گرفتن و خروجی داده بر اساس state 04:50
state و مقادیر محاسبه‌شده None
رندر شرطی محتوا 08:03
محتوای شرطی None
استایل‌دهی CSS و استایل‌دهی پویا 05:12
استایل‌دهی پویا None
خروجی پویا داده‌های لیست 07:40
محتوای پویا در لیست None
محتوای شرطی و لیست‌های پویا None
خلاصه ماژول 06:05

فصل 4: الزامات React - بررسی عمیق

معرفی ماژول 01:26
لازم نیست حتماً از JSX استفاده کنید! 04:37
کار با Fragments 05:40
استفاده از Fragments None
چه زمانی باید کامپوننت ها را تقسیم کنید؟ 03:14
تقسیم کامپوننت ها بر اساس ویژگی و state 06:54
مشکل: props به عناصر داخلی forward نمی‌شوند 06:44
forward کردن props به عناصر wrapped 03:46
forward کردن props None
کار با چندین slot در JSX 08:42
تنظیم پویا Component Types 08:44
تنظیم مقادیر پیش‌فرض برای propها 02:09
ایجاد کامپوننت های انعطاف‌پذیر None
به‌سوی پروژه بعدی و مفاهیم پیشرفته 02:16
لازم نیست همه محتوا داخل کامپوننت ها قرار بگیرد 05:10
پروژه جدید: اولین گام‌ها برای بازی دوز ما 03:58
مرور مفاهیم: تقسیم کامپوننت ها و ساخت کامپوننت های قابل‌استفاده‌مجدد 04:13
مرور مفاهیم: کار با state 07:57
نمونه‌های کامپوننت به‌صورت مستقل کار می‌کنند! 02:03
محتوای شرطی و یک روش غیربهینه برای به‌روزرسانی state 04:54
بهترین شیوه: به‌روزرسانی درست state بر اساس state قبلی 07:04
ورودی کاربر و اتصال دوطرفه 07:42
اتصال دوطرفه None
رندر لیست‌های چندبعدی 07:40
بهترین شیوه: به‌روزرسانی تغییرناپذیر استیت شیء 08:44
Lift کردن state به سطح بالاتر [مفهوم اصلی] 09:39
از استیت های هم‌پوشان پرهیز کنید! 05:22
ترجیح مقادیر محاسبه‌شده و پرهیز از مدیریت غیرضروری state 06:17
مشتق‌کردن استیت از props 07:22
اشتراک‌گذاری استیت بین کامپوننت ها 04:12
کاهش مدیریت state و شناسایی state غیرضروری 05:52
غیرفعال‌کردن شرطی دکمه‌ها 02:37
برون‌سپاری داده به یک فایل جداگانه 04:28
Lift کردن مقادیر محاسبه‌شده به سطح بالاتر 05:19
مشتق‌کردن مقادیر محاسبه‌شده از مقادیر محاسبه‌شده دیگر 05:29
بازی دوز: صفحه «Game Over» و بررسی مساوی 05:40
چرا immutability همیشه مهم است؟ 05:28
چه زمانی نباید state را به سطح بالاتر Lift کرد؟ 05:19
یک جایگزین برای Lift کردن state به سطح بالاتر 03:16
پرداخت نهایی و بهبود کامپوننت ها 05:15

فصل 5: مبانی ضروری React - پروژه تمرینی

معرفی ماژول و یک چالش برای شما! 05:09
افزودن کامپوننت هدر 04:48
شروع کار با کامپوننت ورودی کاربر 05:07
مدیریت رویدادها و استفاده از اتصال دوطرفه 10:28
Lift کردن state به سطح بالاتر 08:59
محاسبه مقادیر و مدیریت درست مقادیر عددی 05:41
خروجی گرفتن نتایج در قالب لیست و مشتق‌کردن مقادیر بیشتر 09:02
خروجی گرفتن شرطی محتوا 04:23

فصل 6: استایل‌دهی به کامپوننت های React

معرفی ماژول و پروژه آغازین 03:57
تقسیم کد CSS بین چندین فایل 03:22
استایل‌دهی React Apps با Vanilla CSS - مزایا و معایب 02:32
استایل‌های Vanilla CSS به کامپوننت ها اسکوپ نمی‌شوند! 03:31
استایل‌دهی React Apps با استایل های درون خطی 06:24
استایل های درون خطی پویا و شرطی 03:27
استایل‌دهی پویا با استایل های درون خطی None
استایل‌دهی پویا و شرطی با فایل‌های CSS و کلاس‌های CSS 05:41
استایل‌دهی پویا با کلاس‌های CSS None
اسکوپ کردن CSS Rules با CSS Modules 09:51
معرفی «Styled Components» (بسته شخص ثالث) 08:03
ایجاد کامپوننت های انعطاف‌پذیر با Styled Components 04:47
استایل‌دهی پویا و شرطی با Styled Components 11:07
Styled Components: سلکتورهای pseudo، مدیا کوئری ها و Nested Rules 07:15
ایجاد کامپوننت های قابل‌استفاده‌مجدد و ترکیبات کامپوننت ها 09:53
معرفی Tailwind CSS برای استایل‌دهی React app 11:26
افزودن و استفاده از Tailwind CSS در یک پروژه React 03:39
Tailwind: مدیا کوئری ها و سلکتورهای pseudo 05:22
استایل‌دهی پویا و شرطی با Tailwind 05:50
مهاجرت اپلیکیشن دمو به Tailwind CSS 04:15
Tailwind CSS: مزایا و معایب 04:26
تمرین: استایل‌های پویا None

فصل 7: دیباگ‌کردن React Apps

معرفی ماژول 01:26
پروژه آغازین 01:16
درک پیام‌های خطای React 08:31
استفاده از Browser Debugger و Breakpoints 07:23
درک «Strict Mode» در React 06:19
استفاده از React DevTools (افزونه مرورگر) 03:57
تمرین: رفع خطاها None

فصل 8: کار با refها و portalها

معرفی ماژول و پروژه آغازین 03:19
مرور: مدیریت ورودی کاربر با state (اتصال دوطرفه) 05:17
معرفی refها: اتصال و دسترسی به عناصر HTML از طریق refها 06:04
دستکاری DOM از طریق refها 02:14
دسترسی به عناصر DOM با «refها» None
refها در برابر مقادیر state 04:45
افزودن چالش‌ها به پروژه دمو 04:49
تنظیم تایمرها و مدیریت state 04:56
استفاده از refها برای چیزی فراتر از «اتصال به عناصر DOM» 08:30
مدیریت مقادیر دیگر با refها None
افزودن component modal 06:39
forward کردن refها به componentهای سفارشی 06:28
forward کردن refها None
اکسپوز کردن Component APIs از طریق useImperativeHandle Hook 08:23
اکسپوز کردن Component APIs None
مثال‌های بیشتر: چه زمانی از refها و state استفاده کنیم؟ 08:50
اشتراک‌گذاری state بین کامپوننت ها 04:58
بهبود Result Modal در اپلیکیشن دمو 02:12
معرفی و درک «Portals» 06:55
کار با Portals None

فصل 9: پروژه تمرینی: اپلیکیشن مدیریت پروژه (با componentها، استیت، refها و موارد بیشتر)

معرفی ماژول و پروژه آغازین 03:11
افزودن کامپوننت Projects Sidebar 02:29
استایل‌دهی sidebar و دکمه با Tailwind CSS 05:00
افزودن کامپوننت New Project و یک کامپوننت Input قابل‌استفاده‌مجدد 05:58
استایل‌دهی دکمه‌ها و ورودی‌ها با Tailwind CSS 07:03
تقسیم componentها برای جداکردن JSX و استایل‌های Tailwind (برای قابلیت استفاده مجدد بیشتر) 06:49
مدیریت state برای سوئیچ بین componentها 08:19
جمع‌آوری ورودی کاربر با refها و Forwarded Refs 13:33
مدیریت ایجاد پروژه و به‌روزرسانی UI 06:00
اعتبارسنجی ورودی کاربر و نمایش Error Modal از طریق useImperativeHandle 11:24
استایل‌دهی modal با Tailwind CSS 05:46
قابل‌انتخاب‌کردن پروژه‌ها و مشاهده جزئیات پروژه 15:22
مدیریت حذف پروژه 04:44
افزودن «Project Tasks» و یک Tasks Component 05:51
مدیریت تسک ها و درک Prop Drilling 15:23
پاک‌کردن تسک ها و رفع باگ‌های جزئی 06:40

فصل 10: Context API و useReducer در React - مدیریت پیشرفته state

معرفی ماژول 01:54
درک Prop Drilling و نمای کلی پروژه 05:58
Prop Drilling: کامپوزیشن componentها به‌عنوان راه‌حل 05:17
معرفی Context API 02:17
ایجاد و ارائه Context 08:30
Consume کردن Context 08:43
وصل‌کردن Context به state 07:27
یک روش متفاوت برای Consume کردن Context 05:01
وقتی مقادیر Context تغییر می‌کنند چه اتفاقی می‌افتد؟ 01:25
مهاجرت کل پروژه دمو به استفاده از Context API 06:20
برون سپاری Context و state به یک Provider Component جداگانه 06:05
ایجاد و استفاده از Context None
معرفی useReducer Hook 10:06
dispatch کردن actionها و ویرایش state با useReducer 10:14
استفاده از ()useReducer None

فصل 11: مدیریت side effectها و کار با useEffect() Hook

معرفی ماژول و پروژه آغازین 04:02
«Side Effect» چیست؟ یک مثال کامل 07:22
یک مشکل احتمالی در side effectها: حلقه بی‌نهایت 02:48
استفاده از useEffect برای مدیریت (برخی) side effectها 05:31
همه side effectها به useEffect نیاز ندارند 07:58
useEffect لازم نیست: یک مثال دیگر 08:30
آماده‌سازی یک مورد استفاده دیگر برای useEffect 04:11
استفاده از useEffect برای همگام‌سازی با APIهای مرورگر 04:09
درک وابستگی‌های effect 03:00
آماده‌سازی یک مسئله دیگر که با useEffect قابل حل است 04:54
معرفی تابع cleanup در useEffect 04:49
مشکل وابستگی‌های object و function 08:09
useCallback Hook 03:48
تابع cleanup در useEffect: یک مثال دیگر 07:31
بهینه‌سازی به‌روزرسانی‌های state 03:44

فصل 12: پروژه تمرینی: ساخت یک اپلیکیشن آزمون

معرفی ماژول و پروژه آغازین 02:21
اولین component و مقداری state 07:03
مشتق‌کردن مقادیر، برون سپاری سؤال‌ها و رجیستر کردن پاسخ‌ها 12:53
Shuffle کردن پاسخ‌ها و افزودن منطق آزمون 06:57
افزودن تایمر برای سؤال‌ها 11:40
کار با وابستگی‌های effect و useCallback 07:14
استفاده از تابع‌های cleanup در effect و استفاده از keyها برای بازنشانی کامپوننت ها 07:53
برجسته‌کردن پاسخ‌های انتخاب‌شده و مدیریت state بیشتر 11:34
تقسیم کامپوننت ها برای حل مسئله 17:43
انتقال منطق به کامپوننت هایی که واقعاً به آن نیاز دارند («انتقال state به پایین») 12:46
تنظیم تایمرهای متفاوت بر اساس پاسخ انتخاب‌شده 08:07
خروجی نتایج آزمون 15:09

فصل 13: نگاهی به پشت صحنه React و تکنیک‌های بهینه‌سازی

معرفی ماژول 01:16
React یک درخت component می‌سازد / React در پشت صحنه چگونه کار می‌کند؟ 08:41
تحلیل اجرای توابع component از طریق Profiler در React DevTools 05:57
جلوگیری از اجرای توابع component با ()memo 08:03
جلوگیری از اجرای توابع component با ساختاردهی هوشمندانه 06:06
درک useCallback() Hook 07:05
درک useMemo() Hook 05:58
React از Virtual DOM استفاده می‌کند - وقت آن است که آن را بررسی کنیم! 07:15
چرا keyها هنگام مدیریت state مهم هستند؟ 11:56
دلایل بیشتر برای اهمیت keyها 02:54
استفاده از keyها برای بازنشانی componentها 05:22
زمان‌بندی و batching در state 05:49
بهینه‌سازی React با MillionJS 04:45

فصل 14: یک روش جایگزین برای ساخت componentها: componentهای مبتنی بر class

معرفی ماژول 02:10
چه چیزی و چرا؟ 04:52
افزودن اولین component مبتنی بر class 06:54
کار با state و رویدادها 11:38
چرخه عمر component (فقط componentهای مبتنی بر class!) 05:20
متدهای چرخه عمر در عمل 11:46
componentهای مبتنی بر class و Context 04:53
componentهای مبتنی بر class در برابر componentهای تابعی: جمع‌بندی 02:42
معرفی Error Boundaries 09:52

فصل 15: ارسال درخواست‌های HTTP (مثلاً اتصال به پایگاه داده)

معرفی ماژول 02:53
چگونه نباید به پایگاه داده متصل شد؟ 06:20
پروژه آغازین و Backend API ساختگی 03:25
آماده‌سازی app برای واکشی داده 05:47
چگونه نباید درخواست HTTP ارسال کرد؟ (و چرا اشتباه است؟) 06:24
ارسال درخواست‌های HTTP (درخواست GET) از طریق useEffect 03:59
استفاده از async / await 02:25
مدیریت استیت های بارگذاری 05:27
مدیریت خطاهای HTTP 09:16
تبدیل داده‌های واکشی‌شده 05:31
استخراج کد و بهبود ساختار کد 02:53
ارسال داده با درخواست‌های POST 12:00
استفاده از به‌روزرسانی خوش‌بینانه 07:33
حذف داده (از طریق درخواست‌های HTTP از نوع DELETE) 03:43
تمرین: واکشی داده 07:13

فصل 16: ساخت Hookهای سفارشی React

معرفی ماژول و پروژه آغازین 02:07
مرور دوباره «قوانین Hookها» و اینکه چرا باید از Hookها استفاده کنیم 06:11
ایجاد یک Hook سفارشی 05:32
Hook سفارشی: مدیریت state و برگرداندن مقادیر state 10:50
اکسپوز کردن تابع‌های تو در تو از Hook سفارشی 06:03
استفاده از یک Hook سفارشی در چندین component 04:25
ایجاد Hookهای سفارشی انعطاف‌پذیر 04:59

فصل 17: کار با فرم‌ها و ورودی کاربر

معرفی ماژول و پروژه آغازین 02:04
فرم‌ها چه هستند و چه چیزی در آن‌ها چالش‌برانگیز است؟ 03:59
مدیریت ارسال فرم 11:31
مدیریت و دریافت ورودی کاربر از طریق state و Generic Handlers 11:12
دریافت ورودی کاربر از طریق refها 04:35
دریافت مقادیر از طریق FormData و Native Browser APIs 09:03
بازنشانی فرم‌ها 04:38
اعتبارسنجی ورودی در هر ضربه کلید از طریق state 06:58
اعتبارسنجی ورودی هنگام از دست رفتن فوکوس (blur) 07:53
اعتبارسنجی ورودی هنگام ارسال فرم 07:54
اعتبارسنجی ورودی از طریق propهای اعتبارسنجی داخلی 04:59
ترکیب منطق اعتبارسنجی سفارشی و داخلی 04:28
ساخت و استفاده از یک component ورودی قابل‌استفاده‌مجدد 10:05
انتقال منطق اعتبارسنجی به بیرون 03:22
ایجاد یک useInput Hook سفارشی 15:11
استفاده از کتابخانه‌های فرم شخص ثالث 01:31

فصل 18: مدیریت فرم‌ها از طریق Form Actionها

معرفی ماژول 02:48
Form Actionها چه هستند؟ 06:47
افزودن بررسی‌های اعتبارسنجی 07:50
مدیریت state وابسته به فرم با ()useActionState 12:21
استفاده از ورودی کاربر 10:04
انتقال تابع action به خارج از component 02:34
یک اپلیکیشن دمو: مقدمه 03:26
مدیریت ارسال فرم 09:40
کار با Form Actionهای غیرهمزمان 06:23
به‌روزرسانی UI با ()useFormStatus 05:06
رجیستر کردن چندین Form Action 04:32
ارسال درخواست HTTP از طریق Form Action 05:26
استفاده از استیت «pending» از ()useActionState 03:47
افزودن به‌روزرسانی خوش‌بینانه 09:47
خلاصه ماژول 02:57

فصل 19: پروژه تمرینی: ساخت یک اپلیکیشن سفارش غذا

معرفی ماژول و پروژه آغازین 04:14
برنامه‌ریزی app و افزودن اولین component 06:40
واکشی داده‌های meal (درخواست HTTP از نوع GET) 12:00
افزودن کامپوننت «MealItem» 07:39
قالب‌بندی و خروجی اعداد به‌صورت ارز 02:51
ایجاد یک component دکمه سفارشی قابل‌پیکربندی و انعطاف‌پذیر 08:02
شروع کار با Cart Context و reducer 20:59
تکمیل و استفاده از Cart Context و reducer 17:21
افزودن component قابل‌استفاده‌مجدد Modal با useEffect 07:29
باز کردن سبد خرید در modal از طریق یک Context جدید 19:32
کار روی آیتم‌های سبد خرید 08:01
افزودن component ورودی سفارشی و مدیریت Modal Visibility 19:31
مدیریت ارسال فرم و اعتبارسنجی 06:50
ارسال درخواست POST با داده‌های سفارش 07:35
افزودن یک Hook سفارشی HTTP و جلوگیری از خطاهای رایج 26:23
مدیریت استیت های بارگذاری و خطای HTTP 03:12
جزئیات نهایی 14:07
مهاجرت به Form Actionها 03:13
مدیریت وضعیت فرم با Form Actionها 05:08

فصل 20: ورود به Redux (جایگزینی برای Context API)

معرفی ماژول 01:05
نگاهی دوباره به state در React Apps 05:14
Redux در برابر React Context 06:19
Redux چگونه کار می‌کند؟ 05:48
بررسی مفاهیم اصلی Redux 15:14
مبانی بیشتر Redux 03:04
آماده‌سازی یک پروژه جدید 01:59
ایجاد یک Redux store برای React 04:54
ارائه store 03:13
استفاده از داده Redux در کامپوننت های React 05:08
dispatch کردن actionها از داخل componentها 03:33
Redux با componentهای مبتنی بر class 10:20
پیوست‌کردن payload به actionها 04:15
کار با چندین ویژگی state 06:19
چگونه به‌درستی با state در Redux کار کنیم؟ 05:07
چالش‌های Redux و معرفی Redux Toolkit 05:27
افزودن sliceهای state 08:11
اتصال state در Redux Toolkit 04:47
مهاجرت همه‌چیز به Redux Toolkit 06:19
کار با چندین slice 11:50
خواندن و dispatch کردن از یک slice جدید 06:56
تقسیم کد ما 05:03
خلاصه 03:53

فصل 21: Redux پیشرفته

معرفی ماژول 00:39
Redux و side effectها (و کد غیرهمزمان) 03:27
مرور / تمرین: بخش 1/2 20:12
مرور / تمرین: بخش 2/2 18:00
Redux و کد غیرهمزمان 04:09
کد frontend در برابر کد backend 05:40
منطق خود را کجا قرار دهیم 08:59
استفاده از useEffect با Redux 06:00
مدیریت استیت های HTTP و بازخورد با Redux 12:49
استفاده از Action Creator Thunk 12:07
شروع کار با واکشی داده 08:39
نهایی‌کردن منطق واکشی 05:16
بررسی Redux DevTools 05:37
خلاصه 01:52

فصل 22: ساخت یک SPA چندصفحه‌ای با React Router

معرفی ماژول 03:21
routing: چند صفحه در اپلیکیشن های تک صفحه ای 03:15
راه‌اندازی پروژه و نصب React Router 03:05
تعریف routeها 07:42
افزودن دومین route 02:07
بررسی یک روش جایگزین برای تعریف routeها 03:01
ناوبری بین صفحه‌ها با لینک‌ها 04:35
طرح بندی ها و مسیرهای تودرتو 08:24
نمایش صفحه‌های خطا با errorElement 03:57
کار با لینک‌های ناوبری (NavLink) 06:37
ناوبری برنامه‌نویسی‌شده 02:41
تعریف و استفاده از routeهای پویا 07:44
افزودن لینک برای routeهای پویا 03:22
درک pathهای نسبی و مطلق 10:38
کار با index routeها 01:55
به‌سوی یک راه‌اندازی پروژه جدید 03:16
زمان تمرین: مسئله 01:25
زمان تمرین: راه‌حل 23:16
واکشی داده با ()loader 07:35
استفاده از داده یک loader در component route 02:51
کاربردهای بیشتر داده ()loader 03:17
کد ()loader باید کجا ذخیره شود؟ 02:18
تابع‌های ()loader چه زمانی اجرا می‌شوند؟ 02:48
Reflect کردن استیت فعلی ناوبری در UI 02:53
برگرداندن responseها در loader()ها 04:01
چه نوع کدی داخل loader()ها قرار می‌گیرد؟ 01:14
مدیریت خطا با خطاهای سفارشی 04:56
استخراج داده خطا و Throw کردن responseها 06:24
تابع json() Utility 02:07
routeهای پویا و loader()s 07:32
useRouteLoaderData() Hook و دسترسی به داده از routeهای دیگر 07:40
برنامه‌ریزی برای ارسال داده 02:22
کار با توابع ()action 09:07
ارسال برنامه‌نویسی‌شده داده 09:06
به‌روزرسانی استیت UI بر اساس استیت ارسال 04:02
اعتبارسنجی ورودی کاربر و خروجی خطاهای اعتبارسنجی 06:57
استفاده مجدد از actionها از طریق متدهای درخواست 07:55
کارهای پشت‌صحنه با ()useFetcher 09:10
به‌تعویق‌انداختن واکشی داده با ()defer 09:07
کنترل اینکه کدام داده باید deferred شود 07:22
خلاصه ماژول 02:56

فصل 23: افزودن احراز هویت به React appها

معرفی ماژول 01:10
احراز هویت چگونه کار می‌کند؟ 09:07
راه‌اندازی پروژه و routeها 03:46
کار با Query Parameters 07:35
پیاده‌سازی action احراز هویت 11:40
اعتبارسنجی ورودی کاربر و خروجی خطاهای اعتبارسنجی 04:18
افزودن ورود کاربر 01:55
پیوست‌کردن tokenهای احراز هویت به درخواست‌های خروجی 06:32
افزودن خروج کاربر 04:20
به‌روزرسانی UI بر اساس وضعیت احراز هویت 06:05
افزودن محافظت از route 02:46
افزودن خروج خودکار 05:10
مدیریت انقضای token 07:28

فصل 24: استقرار React Apps

معرفی ماژول 01:39
مراحل استقرار 03:35
درک Lazy Loading 04:47
افزودن Lazy Loading 09:11
ساخت کد برای production 02:22
نمونه استقرار 06:44
routing سمت سرور و پیکربندی‌های لازم 04:06

فصل 25: React Query / Tanstack Query: مدیریت آسان درخواست‌های HTTP

معرفی ماژول 01:46
راه‌اندازی و نمای کلی پروژه 04:08
React Query: چه چیزی و چرا؟ 05:59
نصب و استفاده از Tanstack Query - و دیدن اینکه چرا عالی است! 16:32
درک و پیکربندی رفتارهای query - کش و داده stale 07:43
توابع query پویا و Query Keys 13:05
شیء پیکربندی query و Abort کردن درخواست‌ها 05:27
queryهای فعال و غیرفعال 06:55
تغییر داده با Mutations 11:29
واکشی داده بیشتر و تست mutation 06:39
اقدام پس از موفقیت mutation و invalidation کردن کوئری ها 08:50
یک چالش! مسئله 02:14
یک چالش! راه‌حل 16:37
غیرفعال‌کردن واکشی مجدد خودکار پس از Invalidations 02:42
بهبود اپلیکیشن دمو و مرور دوباره مفاهیم Mutation 09:18
مزایای React Query در عمل 08:56
به‌روزرسانی داده با Mutations 04:49
به‌روزرسانی خوش‌بینانه 13:06
استفاده از Query Key به‌عنوان ورودی تابع query 07:47
React Query و React Router 20:26

فصل 26: مقدمه‌ای (نسبتاً عمیق) بر Next.js

معرفی ماژول 02:00
ایجاد یک پروژه NextJS 04:16
درک routing مبتنی بر فایل و React Server Components 02:45
افزودن یک route دیگر از طریق filesystem 03:06
ناوبری بین صفحه‌ها 04:12
کار با صفحه‌ها و طرح بندی ها 03:22
نام‌های فایل رزرو‌شده، componentهای سفارشی و نحوه سازمان‌دهی یک پروژه NextJS 06:31
پیکربندی routeهای پویا و استفاده از پارامترهای route 06:17
به‌سوی پروژه اصلی: اپلیکیشن Foodies 01:24
تمرین: تسک شما 02:03
تمرین: راه‌حل 08:19
مرور دوباره مفهوم طرح بندی ها 03:50
افزودن یک component سفارشی به طرح بندی 05:58
استایل‌دهی پروژه NextJS: گزینه‌های شما و استفاده از CSS Modules 06:00
بهینه‌سازی تصاویر با NextJS Image Component 04:57
استفاده از componentهای سفارشی بیشتر 03:48
Populate کردن محتوای صفحه آغازین 04:18
آماده‌سازی اسلایدشو تصویر 03:25
React Server Components در برابر Client Components - چه زمانی از کدام استفاده کنیم؟ 08:15
استفاده کارآمد از componentهای کلاینت 11:07
خروجی داده‌ها و تصاویر meal با ابعاد نامشخص 10:31
راه‌اندازی پایگاه داده SQLite 03:11
واکشی داده با بهره‌گیری از قابلیت‌های NextJS و fullstack 07:17
افزودن صفحه بارگذاری 04:00
استفاده از Suspense و پاسخ‌های stream شده برای مدیریت دقیق استیت بارگذاری 05:54
مدیریت خطاها 05:22
مدیریت استیت های «Not Found» 01:57
بارگذاری و رندر جزئیات meal از طریق routeهای پویا و پارامترهای route 11:03
ایجاد خطای not found برای mealهای جداگانه 02:03
شروع کار با فرم «Share Meal» 01:53
شروع کار با یک component ورودی سفارشی برای انتخاب تصویر 08:28
افزودن پیش‌نمایش تصویر به picker 05:59
معرفی و استفاده از Server Actionها برای مدیریت ارسال فرم 09:02
ذخیره Server Actionها در فایل‌های جداگانه 03:45
ایجاد slug و پاک‌سازی ورودی کاربر برای محافظت در برابر XSS 03:20
ذخیره تصاویر آپلودشده و ذخیره داده در پایگاه داده 12:56
مدیریت وضعیت ارسال فرم با useFormStatus 05:30
افزودن اعتبارسنجی ورودی در سمت سرور 05:54
کار با پاسخ‌های Server Action و useFormState 08:05
ساخت برای production و درک caching در NextJS 06:06
فعال‌سازی revalidation کش 03:57
فایل‌ها را به‌صورت محلی روی filesystem ذخیره نکنید! 02:13
افزودن metadata ایستا 03:47
افزودن metadata پویا 02:20
خلاصه ماژول 04:25
درباره Pages Router در NextJS 02:55
ایجاد یک پروژه NextJS 02:07
تحلیل پروژه ایجادشده 02:52
افزودن اولین صفحه‌ها 06:05
افزودن pathها و صفحه‌های تو در تو (nested routeها) 03:47
ایجاد صفحه‌های پویا (با پارامترها) 03:36
استخراج مقادیر پارامترهای پویا 04:07
لینک‌دادن بین صفحه‌ها 07:13
به‌سوی یک پروژه بزرگ‌تر! 03:32
آماده‌سازی صفحه‌های پروژه 03:42
نمایش فهرست meetupها 05:03
افزودن فرم meetup جدید 03:54
فایل 06:17
استفاده از ناوبری برنامه‌نویسی‌شده (imperative) 03:47
افزودن componentهای سفارشی و CSS Modules 10:00
پیش رندرینگ چگونه کار می‌کند و با چه مشکلی روبه‌رو هستیم؟ 05:52
واکشی داده برای صفحه‌های ایستا 08:56
بیشتر درباره Static Site Generation (SSG) 05:44
بررسی Server-side Rendering (SSR) با getServerSideProps 06:27
کار با params برای واکشی داده در SSG 05:14
آماده‌سازی pathها با 07:16
معرفی API routeها 06:20
کار با MongoDB 09:32
ارسال درخواست‌های HTTP به routeهای API ما 06:49
دریافت داده از پایگاه داده 07:09
دریافت داده‌های جزئیات meetup و آماده‌سازی صفحه‌ها 09:41
افزودن metadata در بخش 09:19
استقرار پروژه‌های Next.js 12:26
استفاده از fallback pageها و استقرار دوباره 04:13
خلاصه 02:15

فصل 27: React Server Components (RSC) و Server Actions - نگاهی دقیق‌تر

معرفی ماژول 01:48
چرا به یک تنظیمات ویژه پروژه نیاز داریم؟ 04:14
درک React Server Components 07:16
تبدیل componentهای سرور به کلاینت 05:46
ترکیب componentهای سرور و کلاینت 05:52
واکشی داده با RSCها 03:39
ارسال داده با Server Actions 07:06
استفاده از use() Hook برای promiseها و واکشی داده 07:19
use() Hook در عمل 05:31
مدیریت خطاها 03:48
جمع‌بندی بخش تئوری 01:02

فصل 28: انیمیشن‌دادن به React appها

معرفی ماژول 03:05
راه‌اندازی و نمای کلی پروژه 01:42
انیمیشن‌دادن با CSS Transitions 07:40
انیمیشن‌دادن با CSS Animations 05:38
معرفی Framer Motion 03:48
مبانی و اصول Framer Motion 08:29
انیمیشن‌دادن بین مقادیر شرطی 04:13
افزودن انیمیشن ورود 04:28
انیمیشن‌دادن به ناپدید شدن / حذف عناصر 03:51
ایجاد جلوه برجسته برای عناصر با انیمیشن hover 04:13
استفاده مجدد از stateهای انیمیشن 03:28
انیمیشن‌های تو در تو و variantها 07:46
انیمیشن‌دادن به لیست‌های staggered 04:28
انیمیشن‌دادن به رنگ‌ها و کار با keyframeها 04:03
انیمیشن‌های imperative 07:28
انیمیشن‌دادن به تغییرات layout 03:34
هماهنگ‌سازی انیمیشن‌های چندعنصری 10:05
ترکیب انیمیشن‌ها با layout animationها 03:55
انیمیشن‌دادن به عناصر مشترک 04:15
فعال‌سازی دوباره انیمیشن‌ها از طریق keyها 04:52
انیمیشن‌های مبتنی بر اسکرول 15:44

فصل 29: الگوها و بهترین شیوه‌های React

معرفی ماژول 00:55
نمای کلی پروژه 00:50
معرفی Compound Components 11:04
مدیریت استیت Multi-Component با Context API 10:57
گروه‌بندی compound componentها 06:29
افزودن componentهای اضافی برای قابلیت استفاده مجدد و پیکربندی‌پذیری 08:36
اشتراک‌گذاری استیت Cross-Component هنگام کار با compound componentها 06:06
معرفی و استفاده از render props 06:14
افزودن جست‌وجو به یک React app 04:18
پیاده‌سازی قابلیت جست‌وجو با کمک render props 04:18
مدیریت پویا keyها 02:42
کار با debouncing 07:10

فصل 30: جایگزینی Redux با React Hooks

معرفی ماژول 01:01
پروژه آغازین و اینکه چرا ممکن است Redux را جایگزین کنید 04:19
جایگزین: استفاده از Context API 07:13
تاگل کردن Favorites با Context API 05:43
خلاصه Context API (و اینکه چرا نباید به‌جای Redux از آن استفاده کرد) 02:30
شروع کار با یک hook سفارشی به‌عنوان store 08:11
تکمیل Store Hook 05:53
ایجاد یک store مشخص 04:11
استفاده از store سفارشی 05:40
خلاصه store هوک سفارشی 03:13
بهینه‌سازی store هوک سفارشی 04:04
جمع‌بندی 02:00

فصل 31: تست React Apps (تست واحد)

معرفی ماژول 01:23
چه چیزی و چرا؟ 03:23
درک انواع مختلف تست‌ها 04:04
چه چیزی را تست کنیم و چگونه تست کنیم؟ 01:29
درک تنظیمات فنی و ابزارهای درگیر 02:39
اجرای اولین تست 07:16
نوشتن اولین تست 10:14
گروه‌بندی تست‌ها با test suiteها 02:14
تست تعامل کاربر و state 14:00
تست کامپوننت های متصل 03:19
تست کد ناهمگام 09:11
کار با ماک ها 08:30
خلاصه و منابع بیشتر 03:47

فصل 32: React + TypeScript

معرفی ماژول 01:26
چه چیزی و چرا؟ 06:34
نصب و استفاده از TypeScript 06:38
بررسی typeهای پایه 03:55
کار با انواع آرایه و شیء 05:33
درک استنتاج نوع 02:47
استفاده از union typeها 02:48
درک type aliasها 02:42
توابع و انواع تابع 05:19
ورود به generics 08:01
ایجاد یک پروژه React + TypeScript 08:34
کار با کامپوننت ها و TypeScript 05:41
کار با props و TypeScript 14:20
افزودن مدل داده 09:09
زمان تمرین: وقت تمرین! 07:02
ارسال فرم در پروژه‌های TypeScript 05:21
کار با refها و useRef 10:56
کار با Function Props 07:26
مدیریت state و TypeScript 05:13
افزودن استایل‌دهی 02:19
زمان تمرین: حذف یک todo 09:27
Context API و TypeScript 13:55
خلاصه 02:18
امتیازی: بررسی tsconfig.json 05:46

فصل 33: اختیاری: خلاصه React و مرور ویژگی‌های اصلی

معرفی ماژول 01:08
React چیست و چرا باید از آن استفاده کنید؟ 05:37
پروژه‌های React - پیش‌نیازها 02:09
ایجاد پروژه‌های React 03:27
پروژه آغازین ما 03:28
درک نحوه کار React 07:46
ساخت اولین component سفارشی 11:15
خروجی مقادیر پویا 05:03
استفاده مجدد از componentها 06:00
ارسال داده به componentها با props 06:15
استایل‌دهی با CSS و CSS Modules 10:07
تمرین و یک component دیگر 06:31
آماده‌سازی app برای مدیریت state 03:45
افزودن event listenerها 07:52
کار با state 10:00
Lift کردن state به سطح بالاتر 09:08
prop ویژه «children» 07:21
state و محتوای شرطی 08:59
افزودن هدر مشترک و مدیریت بیشتر state 07:51
افزودن دکمه‌های فرم 03:34
مدیریت ارسال فرم 06:18
به‌روزرسانی state بر اساس state قبلی 05:30
خروجی داده‌های فهرست 06:38
افزودن backend به React SPA 06:10
ارسال درخواست HTTP از نوع POST 04:12
مدیریت side effectها با ()useEffect 09:06
مدیریت استیت بارگذاری 04:23
درک و افزودن routing 03:55
افزودن routeها 05:36
کار با Layout Routes 04:08
بازآرایی componentهای route و تو در تو کردن بیشتر 05:35
لینک‌دهی و ناوبری 08:09
واکشی داده از طریق loader()s 09:07
ارسال داده با action()s 11:07
routeهای پویا 08:41
خلاصه ماژول 01:25

فصل 34: جمع‌بندی دوره

جمع‌بندی دوره 01:10

فصل 35: به‌روزرسانی دوره و محتوای قدیمی دوره

نمای کلی به‌روزرسانی دوره، توضیحات و راهنمای مهاجرت 15:48

فصل 36: [امتیازی / اختیاری] مبانی React و کار با کامپوننت ها

معرفی ماژول 03:46
componentها چه هستند؟ و چرا React اساساً حول آن‌ها می‌چرخد؟ 07:19
کد React به‌صورت «اعلانی» نوشته می‌شود! 03:45
ایجاد یک پروژه جدید React 02:08
تحلیل یک پروژه استاندارد React 13:26
معرفی JSX 04:03
React چگونه کار می‌کند؟ 04:31
تمرین: کار با کد JSX None
ساخت اولین component سفارشی 09:18
تمرین: ساخت اولین component None
نوشتن کد JSX پیچیده‌تر 05:14
افزودن استایل‌دهی پایه با CSS 04:57
نمایش داده‌های پویا و کار با expressionها در JSX 08:34
انتقال داده از طریق «props» 13:04
تمرین: انتقال داده از طریق «props» None
روش‌های جایگزین برای ارسال و دریافت / مدیریت «props» 05:09
افزودن منطق «عادی» JavaScript به componentها 06:10
تقسیم کامپوننت ها به Multiple Components 11:20
زمان تمرین: مبانی React و component None
مفهوم «کامپوزیشن» («children props») 13:33
تمرین: کامپوزیشن کامپوننت None
اولین جمع‌بندی 04:12
نگاهی دقیق‌تر به JSX 09:28
سازمان‌دهی فایل‌های component 03:07
یک syntax جایگزین برای تابع 02:41
بررسی یادگیری: مبانی React ،componentها، props و JSX None

فصل 37: [امتیازی / اختیاری] زمان تمرین: مبانی component

معرفی ماژول 01:33
پروژه آغازین و وظایف شما 04:47
خروجی داده‌های مفاهیم کلیدی 05:51
شناسایی componentهای ممکن 02:02
ساخت و استفاده از یک component سفارشی 04:35
برون سپاری آیتم‌های مفهومی به یک component قابل‌استفاده‌مجدد 05:23

فصل 38: [امتیازی / اختیاری] استیت در React و کار با رویدادها

معرفی ماژول 02:30
Listen کردن به رویدادها و کار با event handlerها 10:01
تمرین: گوش دادن به رویدادها None
توابع component چگونه اجرا می‌شوند؟ 05:51
کار با «state» 11:17
تمرین: کار با «state» None
نگاهی دقیق‌تر به useState 07:51
افزودن ورودی‌های فرم 10:21
گوش دادن به ورودی کاربر 05:26
کار با چندین state 06:58
استفاده از یک state به‌جای آن (و اینکه چه چیزی بهتر است) 05:02
به‌روزرسانی استیتی که به state قبلی وابسته است 04:43
تمرین: استفاده از state با ورودی‌های فرم None
تمرین: به‌روزرسانی state بر اساس state قبلی None
جایگزین: ایجاد یک تابع handler مشترک 06:17
مدیریت ارسال فرم 05:02
افزودن اتصال دوطرفه 03:01
زمان تمرین: کار با رویدادها و state None
ارتباط component فرزند با والد (از پایین به بالا) 14:18
انتقال state به سطح بالاتر 07:08
state مشتق‌شده / محاسبه‌شده 06:54
کامپوننت های کنترل‌شده در برابر کنترل‌نشده و کامپوننت های Stateless در برابر Stateful 05:33
بررسی یادگیری: کار با رویدادها و state None