Loading...
logo
  • صفحه نخست
  • ویراشگر کد
Loading...
logo

آموزش کدنویسی با بزرگ‌ترین وبسایت آموزشی توسعه‌ی وب؛ یادگیری گام‌به‌گام، مقالات کاربردی و تمرین‌های عملی برای علاقه‌مندان به برنامه‌نویسی.

لینک‌های سریع

  • صفحه نخست
  • ویراشگر کد
  • ورود
  • ثبت نام

دسته‌بندی‌ها

  • HTML
  • CSS
  • جاوااسکریپت
  • ری‌اکت

© 2026 گرین‌دیتا. تمامی حقوق محفوظ است.

ساخته‌شده با ❤ برای علاقه‌مندان به برنامه‌نویسی

آزمون فصل - Green Data

ری‌اکت

آشنایی با React و مدل ذهنی آن
  1. React چیست و چرا React
  2. معماری مبتنی بر کامپوننت (Component-Based Architecture)
  3. JSX و نحوه نگارش آن
  4. Expressionها در JSX و Fragment
  5. Function Components و Props
  6. Children در کامپوننت‌ها
  7. Rendering و Conditional Rendering
  8. نمایش لیست‌ها و مفهوم Key
  9. آزمون فصل آشنایی با React
طراحی کامپوننت (Component Design)
  1. تفکر کامپوننتی (Component Thinking)
  2. ترکیب کامپوننت‌ها (Component Composition)
  3. مسئولیت‌های کامپوننت و طراحی Props
  4. کامپوننت‌های قابل استفاده مجدد (Reusable Components)
  5. Controlled در برابر Uncontrolled Components
  6. Coupling و Separation of Concerns
  7. الگوهای طراحی کامپوننت
  8. آزمون فصل
State در React
  1. State چیست و useState
  2. به‌روزرسانی State و Functional Updates
  3. State Batching
  4. Immutability و به‌روزرسانی Objects و Arrays
  5. Derived State
  6. State Colocation
  7. Lifting State Up و اشتراک‌گذاری State
  8. آزمون فصل
رویدادها و فرم‌ها (Events & Forms)
  1. مدیریت رویدادها در React
  2. عناصر فرم و Controlled Components
  3. Uncontrolled Components
  4. مدیریت State فرم و Validation
  5. مدیریت Submit
  6. الگوهای رایج مدیریت فرم
  7. آزمون فصل
Hooks: مبانی و قوانین
  1. Hookها چه هستند و چرا وجود دارند
  2. Rules of Hooks
  3. مروری بر Hookهای اصلی React
  4. نحوه تفکر صحیح درباره Hooks
  5. آزمون فصل
Effects و useEffect
  1. Effect و Dependency Array چیست
  2. Cleanup در Effects
  3. Synchronizing with External Systems
  4. چرخه اجرای Effect
  5. Race Condition و Stale Closure
  6. حلقه‌های بی‌نهایت و مشکلات Dependencyها
  7. چه زمانی نباید از Effect استفاده کرد
  8. آزمون فصل
Refs
  1. useRef و مقادیر Mutable
  2. Ref و عناصر DOM
  3. Ref در برابر State
  4. Callback Ref
  5. Ref به‌عنوان Prop در React مدرن
  6. use Imperative Handle
  7. الگوهای رایج استفاده از Ref
  8. آزمون فصل
Context
  1. Context چیست و createContext
  2. Provider و useContext
  3. Context و Re-render
  4. Context در برابر Prop Drilling
  5. چه زمانی Context مناسب است
  6. طراحی Context در برنامه‌های بزرگ
  7. آزمون فصل
Reducer و useReducer
  1. مفهوم Reducer و useReducer
  2. Actions و State Transitions
  3. طراحی Reducer
  4. useReducer در برابر useState
  5. ترکیب Reducer و Context
  6. طراحی State با Reducer
  7. آزمون فصل
Custom Hooks
  1. Custom Hook چیست
  2. استخراج Logic قابل استفاده مجدد
  3. طراحی API مناسب برای Custom Hook
  4. Composition در Custom Hooks
  5. مدیریت State و Effect در Custom Hooks
  6. آزمون فصل
مدل رندرینگ React
  1. Render، Re-render و Commit
  2. Render Phase و Commit Phase
  3. Component Tree
  4. Reconciliation و Identity
  5. نقش Keyها در Rendering
  6. چه چیزی باعث Re-render می‌شود
  7. تحلیل جریان Rendering
  8. آزمون فصل
حفظ و بازنشانی State
  1. هویت کامپوننت و Position در Tree
  2. Keyها و Identity
  3. State Preservation
  4. State Reset
  5. Conditional Rendering و State
  6. تغییر ساختار Tree و اثر آن بر State
  7. آزمون فصل
Performance و بهینه‌سازی
  1. Re-render و Performance
  2. React.memo
  3. Referential Equality
  4. useMemo
  5. useCallback
  6. Memoization و Trade-offهای آن
  7. Derived Data و حذف محاسبات غیرضروری
  8. Profiling با React DevTools
  9. آزمون فصل
دریافت داده و ارتباط با سرور
  1. Data Fetching
  2. Loading، Error و Empty States
  3. چرخه حیات Request
  4. Race Conditions
  5. Abort و Cancellation
  6. Caching
  7. Server State در برابر Client State
  8. الگوهای Data Fetching
  9. آزمون فصل
مسیریابی (Routing)
  1. Routing چیست و Client-Side Routing
  2. Routes و Nested Routes
  3. Route Parameters
  4. Query Parameters
  5. Navigation و Links
  6. Protected Routes
  7. آزمون فصل
مدیریت State در مقیاس بزرگ
  1. Local State، Lifted State و Global State
  2. Client State در برابر Server State
  3. چه زمانی به State Management نیاز داریم
  4. Trade-offهای State Management
  5. معرفی ابزارهای رایج اکوسیستم React
  6. آزمون فصل

ری‌اکت / مدیریت State در مقیاس بزرگ

آزمون فصل

تمرین‌ها

تمرین 1

جابه‌جایی یک State از Local به Lifted یا Global، طبق این فصل، باید بر چه اساسی باشد؟

برای ثبت نتیجه‌ی این تمرین لطفاً وارد حساب کاربری خود شوید.

تمرین 2

در یک Store فرضی که هم products از سرور و هم isModalOpen محلی را نگه می‌دارد، کدام مقدار Client State است؟

برای ثبت نتیجه‌ی این تمرین لطفاً وارد حساب کاربری خود شوید.

تمرین 3

کدام مورد نشانه واقعی نیاز به یک ابزار مدیریت State است، نه صرفاً بزرگ بودن کد؟

برای ثبت نتیجه‌ی این تمرین لطفاً وارد حساب کاربری خود شوید.

تمرین 4

یکی از هزینه‌های واقعی اضافه کردن یک کتابخانه مدیریت State به پروژه چیست؟

برای ثبت نتیجه‌ی این تمرین لطفاً وارد حساب کاربری خود شوید.

تمرین 5

تفاوت اصلی رویکرد Atomic (مثل Jotai) با یک Store متمرکز مثل Redux در چیست؟

برای ثبت نتیجه‌ی این تمرین لطفاً وارد حساب کاربری خود شوید.

تمرین 6

اگر مشکل اصلی یک تیم، Caching و هماهنگی داده دریافتی از سرور باشد، کدام جهت‌گیری منطقی‌تر است؟

برای ثبت نتیجه‌ی این تمرین لطفاً وارد حساب کاربری خود شوید.