React

01شروع مسیر0 از 2 درس تکمیل شده⌄

1. ▶ کامپوننت و Propsآماده یادگیری · 8 دقیقه
2. ▶ Stateآماده یادگیری · 9 دقیقه

02مدل رابط0 از 2 درس تکمیل شده⌄

1. ▶ JSX، عبارت‌ها و رندر فهرستآماده یادگیری · 9 دقیقه
2. ▶ شرط، رویداد و تابع handlerآماده یادگیری · 9 دقیقه

03حالت و فرم0 از 3 درس تکمیل شده⌄

1. ▶ فرم کنترل‌شده و ورودی متنیآماده یادگیری · 9 دقیقه
2. ▶ به‌روزرسانی شیء و آرایه در stateآماده یادگیری · 9 دقیقه
3. 🔒 بالا بردن state و جریان داده🔒 نیازمند اشتراک فعال · 9 دقیقه

🔒اثر و اتصال0 از 3 درس تکمیل شده⌄

1. 🔒 useEffect و پاک‌سازی اثر🔒 نیازمند اشتراک فعال · 9 دقیقه
2. 🔒 useRef و دسترسی به عنصر🔒 نیازمند اشتراک فعال · 9 دقیقه
3. 🔒 Context و داده مشترک🔒 نیازمند اشتراک فعال · 8 دقیقه

🔒معماری مؤلفه0 از 2 درس تکمیل شده⌄

1. 🔒 useReducer و حالت‌های چندمرحله‌ای🔒 نیازمند اشتراک فعال · 9 دقیقه
2. 🔒 هوک سفارشی و قواعد Hookها🔒 نیازمند اشتراک فعال · 9 دقیقه

🔒داده و کیفیت0 از 2 درس تکمیل شده⌄

1. 🔒 بارگذاری داده و حالت‌های رابط🔒 نیازمند اشتراک فعال · 9 دقیقه
2. 🔒 بهینه‌سازی و جلوگیری از پیچیدگی زودهنگام🔒 نیازمند اشتراک فعال · 9 دقیقه

🔒پروژه پایانی0 از 1 درس تکمیل شده⌄

1. 🔒 پروژه پایانی: انتخاب مسیر یادگیری🔒 نیازمند اشتراک فعال · 9 دقیقه

🔒React تفصیلی — مؤلفه و وضعیت0 از 18 درس تکمیل شده⌄

1. 🔒 JSX و عبارت داخل آکولاد🔒 نیازمند اشتراک فعال · 8 دقیقه
2. 🔒 Fragment و خروجی هم‌سطح🔒 نیازمند اشتراک فعال · 8 دقیقه
3. 🔒 props و داده فقط‌خواندنی🔒 نیازمند اشتراک فعال · 8 دقیقه
4. 🔒 children و ترکیب مؤلفه🔒 نیازمند اشتراک فعال · 8 دقیقه
5. 🔒 رندر شرطی و دام عدد صفر🔒 نیازمند اشتراک فعال · 8 دقیقه
6. 🔒 key پایدار در فهرست قابل تغییر🔒 نیازمند اشتراک فعال · 8 دقیقه
7. 🔒 وضعیت یک تصویر لحظه‌ای است🔒 نیازمند اشتراک فعال · 8 دقیقه
8. 🔒 صف به‌روزرسانی و updater تابعی🔒 نیازمند اشتراک فعال · 8 دقیقه
9. 🔒 به‌روزرسانی شیء تو در تو🔒 نیازمند اشتراک فعال · 8 دقیقه
10. 🔒 حذف و ویرایش آرایه وضعیت🔒 نیازمند اشتراک فعال · 8 دقیقه
11. 🔒 فرم کنترل‌شده و اعتبارسنجی🔒 نیازمند اشتراک فعال · 8 دقیقه
12. 🔒 بالابردن وضعیت مشترک🔒 نیازمند اشتراک فعال · 8 دقیقه
13. 🔒 وضعیت مشتق‌شده را محاسبه کن🔒 نیازمند اشتراک فعال · 8 دقیقه
14. 🔒 هویت مؤلفه و بازنشانی با key🔒 نیازمند اشتراک فعال · 8 دقیقه
15. 🔒 useRef برای داده بدون رندر🔒 نیازمند اشتراک فعال · 8 دقیقه
16. 🔒 دسترسی DOM و مدیریت focus🔒 نیازمند اشتراک فعال · 8 دقیقه
17. 🔒 Effect برای همگام‌سازی بیرونی🔒 نیازمند اشتراک فعال · 8 دقیقه
18. 🔒 وابستگی Effect و closure قدیمی🔒 نیازمند اشتراک فعال · 8 دقیقه

🔒React تفصیلی — اثر و معماری0 از 4 درس تکمیل شده⌄

1. 🔒 دریافت داده و لغو درخواست🔒 نیازمند اشتراک فعال · 8 دقیقه
2. 🔒 Hook سفارشی و اشتراک منطق🔒 نیازمند اشتراک فعال · 8 دقیقه
3. 🔒 useReducer و انتقال وضعیت🔒 نیازمند اشتراک فعال · 8 دقیقه
4. 🔒 Context و مرز ارائه‌دهنده🔒 نیازمند اشتراک فعال · 8 دقیقه

🔒React تفصیلی — کارایی و کیفیت0 از 7 درس تکمیل شده⌄

1. 🔒 useMemo و هزینه محاسبه🔒 نیازمند اشتراک فعال · 8 دقیقه
2. 🔒 memo و callback پایدار🔒 نیازمند اشتراک فعال · 8 دقیقه
3. 🔒 useId و ارتباط label🔒 نیازمند اشتراک فعال · 8 دقیقه
4. 🔒 useTransition و کار غیر فوری🔒 نیازمند اشتراک فعال · 8 دقیقه
5. 🔒 lazy و Suspense در تقسیم کد🔒 نیازمند اشتراک فعال · 8 دقیقه
6. 🔒 Error Boundary و بازیابی رابط🔒 نیازمند اشتراک فعال · 8 دقیقه
7. 🔒 آزمون رفتار از دید کاربر🔒 نیازمند اشتراک فعال · 9 دقیقه

🔒React تفصیلی — پروژه0 از 1 درس تکمیل شده⌄

1. 🔒 پروژه: فهرست مطالعه با فیلتر🔒 نیازمند اشتراک فعال · 8 دقیقه

🔒تکمیلی کاربردی · Reducer با action نامعتبر0 از 4 درس تکمیل شده⌄

1. 🔒 Reducer با action نامعتبر — طراحی و درک قرارداد🔒 نیازمند اشتراک فعال · 10 دقیقه
2. 🔒 Reducer با action نامعتبر — آزمایش حالت مرزی🔒 نیازمند اشتراک فعال · 10 دقیقه
3. 🔒 Reducer با action نامعتبر — عیب‌یابی و اصلاح🔒 نیازمند اشتراک فعال · 12 دقیقه
4. 🔒 Reducer با action نامعتبر — کارگاه کاربردی🔒 نیازمند اشتراک فعال · 18 دقیقه

🔒تکمیلی کاربردی · به‌روزرسانی مجموعه با id0 از 4 درس تکمیل شده⌄

1. 🔒 به‌روزرسانی مجموعه با id — طراحی و درک قرارداد🔒 نیازمند اشتراک فعال · 10 دقیقه
2. 🔒 به‌روزرسانی مجموعه با id — آزمایش حالت مرزی🔒 نیازمند اشتراک فعال · 10 دقیقه
3. 🔒 به‌روزرسانی مجموعه با id — عیب‌یابی و اصلاح🔒 نیازمند اشتراک فعال · 12 دقیقه
4. 🔒 به‌روزرسانی مجموعه با id — کارگاه کاربردی🔒 نیازمند اشتراک فعال · 18 دقیقه

🔒تکمیلی کاربردی · فرم و Number.isFinite0 از 4 درس تکمیل شده⌄

1. 🔒 فرم و Number.isFinite — طراحی و درک قرارداد🔒 نیازمند اشتراک فعال · 10 دقیقه
2. 🔒 فرم و Number.isFinite — آزمایش حالت مرزی🔒 نیازمند اشتراک فعال · 10 دقیقه
3. 🔒 فرم و Number.isFinite — عیب‌یابی و اصلاح🔒 نیازمند اشتراک فعال · 12 دقیقه
4. 🔒 فرم و Number.isFinite — کارگاه کاربردی🔒 نیازمند اشتراک فعال · 18 دقیقه

🔒تکمیلی کاربردی · useLayoutEffect و اندازه‌گیری0 از 4 درس تکمیل شده⌄

1. 🔒 useLayoutEffect و اندازه‌گیری — طراحی و درک قرارداد🔒 نیازمند اشتراک فعال · 10 دقیقه
2. 🔒 useLayoutEffect و اندازه‌گیری — آزمایش حالت مرزی🔒 نیازمند اشتراک فعال · 10 دقیقه
3. 🔒 useLayoutEffect و اندازه‌گیری — عیب‌یابی و اصلاح🔒 نیازمند اشتراک فعال · 12 دقیقه
4. 🔒 useLayoutEffect و اندازه‌گیری — کارگاه کاربردی🔒 نیازمند اشتراک فعال · 18 دقیقه

🔒تکمیلی کاربردی · useDeferredValue برای نتیجه ثانویه0 از 4 درس تکمیل شده⌄

1. 🔒 useDeferredValue برای نتیجه ثانویه — طراحی و درک قرارداد🔒 نیازمند اشتراک فعال · 10 دقیقه
2. 🔒 useDeferredValue برای نتیجه ثانویه — آزمایش حالت مرزی🔒 نیازمند اشتراک فعال · 10 دقیقه
3. 🔒 useDeferredValue برای نتیجه ثانویه — عیب‌یابی و اصلاح🔒 نیازمند اشتراک فعال · 12 دقیقه
4. 🔒 useDeferredValue برای نتیجه ثانویه — کارگاه کاربردی🔒 نیازمند اشتراک فعال · 18 دقیقه

🔒تکمیلی کاربردی · useSyncExternalStore0 از 4 درس تکمیل شده⌄

1. 🔒 useSyncExternalStore — طراحی و درک قرارداد🔒 نیازمند اشتراک فعال · 10 دقیقه
2. 🔒 useSyncExternalStore — آزمایش حالت مرزی🔒 نیازمند اشتراک فعال · 10 دقیقه
3. 🔒 useSyncExternalStore — عیب‌یابی و اصلاح🔒 نیازمند اشتراک فعال · 12 دقیقه
4. 🔒 useSyncExternalStore — کارگاه کاربردی🔒 نیازمند اشتراک فعال · 18 دقیقه

🔒تکمیلی کاربردی · کلید بازنشانی فرم0 از 4 درس تکمیل شده⌄

1. 🔒 کلید بازنشانی فرم — طراحی و درک قرارداد🔒 نیازمند اشتراک فعال · 10 دقیقه
2. 🔒 کلید بازنشانی فرم — آزمایش حالت مرزی🔒 نیازمند اشتراک فعال · 10 دقیقه
3. 🔒 کلید بازنشانی فرم — عیب‌یابی و اصلاح🔒 نیازمند اشتراک فعال · 12 دقیقه
4. 🔒 کلید بازنشانی فرم — کارگاه کاربردی🔒 نیازمند اشتراک فعال · 18 دقیقه

🔒تکمیلی کاربردی · Event handler و closure صف0 از 4 درس تکمیل شده⌄

1. 🔒 Event handler و closure صف — طراحی و درک قرارداد🔒 نیازمند اشتراک فعال · 10 دقیقه
2. 🔒 Event handler و closure صف — آزمایش حالت مرزی🔒 نیازمند اشتراک فعال · 10 دقیقه
3. 🔒 Event handler و closure صف — عیب‌یابی و اصلاح🔒 نیازمند اشتراک فعال · 12 دقیقه
4. 🔒 Event handler و closure صف — کارگاه کاربردی🔒 نیازمند اشتراک فعال · 18 دقیقه

🔒تکمیلی کاربردی · ترکیب ref و focus پس از خطا0 از 4 درس تکمیل شده⌄

1. 🔒 ترکیب ref و focus پس از خطا — طراحی و درک قرارداد🔒 نیازمند اشتراک فعال · 10 دقیقه
2. 🔒 ترکیب ref و focus پس از خطا — آزمایش حالت مرزی🔒 نیازمند اشتراک فعال · 10 دقیقه
3. 🔒 ترکیب ref و focus پس از خطا — عیب‌یابی و اصلاح🔒 نیازمند اشتراک فعال · 12 دقیقه
4. 🔒 ترکیب ref و focus پس از خطا — کارگاه کاربردی🔒 نیازمند اشتراک فعال · 18 دقیقه

نقشه مباحث تکمیلی · هنوز به درس آکادمی تبدیل نشده‌اند

درس‌های بالا محتوای آموزشی این نسخه‌اند. این فهرست، ریزعنوان‌های برنامه توسعه محتواست و با گذراندن آزمون باز نمی‌شود.

مبانی و کامپوننت‌های React · بخش 1

• React Home
• React Intro
• React Get Started
• React First App
• React Render HTML
• React Upgrade
• React ES6
• ES6 Classes
• ES6 Arrow Functions
• ES6 Variables
• ES6 Array map()
• ES6 Destructuring
• ES6 Spread Operator
• ES6 Modules

مبانی و کامپوننت‌های React · بخش 2

• ES6 Ternary Operator
• ES6 Template Strings
• React JSX Intro
• React JSX Expressions
• React JSX Attributes
• React JSX If Statements
• React Components
• React Class
• React Props
• React Props Destructuring
• React Props Children
• React Events
• React Conditionals
• React Lists

مبانی و کامپوننت‌های React · بخش 3

• React Forms
• React Forms Submit
• React Textarea
• React Select
• React Multiple Inputs
• React Checkbox
• React Radio
• React Portals
• React Suspense
• React CSS Styling
• React CSS Modules
• React CSS-in-JS
• React Router
• React Transitions

مبانی و کامپوننت‌های React · بخش 4

• React Forward Ref
• React HOC
• React Sass

هوک‌های React

• What is Hooks?
• React useState
• React useEffect
• React useContext
• React useRef
• React useReducer
• React useCallback
• React useMemo
• React Custom Hooks