</>{ }=>( )

در حال بارگذاری

آموزش برنامه‌نویسی و طراحی وب به زبان فارسی

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

</>{ }=>( )

در حال بارگذاری

آموزش برنامه‌نویسی و طراحی وب به زبان فارسی

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

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

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

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

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

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

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

آموزش ری‌اکت - Green Data

ری‌اکت

ساخت رابط کاربری با React و Next.js

193 درس

آشنایی با React و مدل ذهنی آن

(9 درس)

آشنایی با 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)

(8 درس)

طراحی کامپوننت (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

(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)

(7 درس)

رویدادها و فرم‌ها (Events & Forms)

1. مدیریت رویدادها در React
2. عناصر فرم و Controlled Components
3. Uncontrolled Components
4. مدیریت State فرم و Validation
5. مدیریت Submit
6. الگوهای رایج مدیریت فرم
7. آزمون فصل

Hooks: مبانی و قوانین

(5 درس)

Hooks: مبانی و قوانین

1. Hookها چه هستند و چرا وجود دارند
2. Rules of Hooks
3. مروری بر Hookهای اصلی React
4. نحوه تفکر صحیح درباره Hooks
5. آزمون فصل

Effects و useEffect

(8 درس)

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

(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

(7 درس)

Context

1. Context چیست و createContext
2. Provider و useContext
3. Context و Re-render
4. Context در برابر Prop Drilling
5. چه زمانی Context مناسب است
6. طراحی Context در برنامه‌های بزرگ
7. آزمون فصل

Reducer و useReducer

(7 درس)

Reducer و useReducer

1. مفهوم Reducer و useReducer
2. Actions و State Transitions
3. طراحی Reducer
4. useReducer در برابر useState
5. ترکیب Reducer و Context
6. طراحی State با Reducer
7. آزمون فصل

Custom Hooks

(6 درس)

Custom Hooks

1. Custom Hook چیست
2. استخراج Logic قابل استفاده مجدد
3. طراحی API مناسب برای Custom Hook
4. Composition در Custom Hooks
5. مدیریت State و Effect در Custom Hooks
6. آزمون فصل

مدل رندرینگ React

(8 درس)

مدل رندرینگ 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

(7 درس)

حفظ و بازنشانی State

1. هویت کامپوننت و Position در Tree
2. Keyها و Identity
3. State Preservation
4. State Reset
5. Conditional Rendering و State
6. تغییر ساختار Tree و اثر آن بر State
7. آزمون فصل

Performance و بهینه‌سازی

(9 درس)

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. آزمون فصل

دریافت داده و ارتباط با سرور

(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)

(7 درس)

مسیریابی (Routing)

1. Routing چیست و Client-Side Routing
2. Routes و Nested Routes
3. Route Parameters
4. Query Parameters
5. Navigation و Links
6. Protected Routes
7. آزمون فصل

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

(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. انتخاب ابزار مناسب بر اساس مسئله
7. آزمون فصل

مدیریت خطا

(6 درس)

مدیریت خطا

1. Runtime Errors
2. Error Boundary
3. Fallback UI
4. خطاهای Async
5. مدیریت خطا در مرزهای مختلف برنامه
6. آزمون فصل

دسترس‌پذیری (Accessibility)

(7 درس)

دسترس‌پذیری (Accessibility)

1. Semantic HTML در React
2. Label و Form Accessibility
3. Keyboard Accessibility
4. مدیریت Focus
5. ARIA
6. طراحی کامپوننت‌های قابل دسترس
7. آزمون فصل

تست در React

(8 درس)

تست در React

1. چرا تست
2. انواع تست در برنامه‌های React
3. User-Centric Testing
4. تست تعامل کاربر
5. Mocking
6. تست UIهای Async
7. تست کامپوننت‌ها و رفتار کاربر
8. آزمون فصل

Code Splitting و Lazy Loading

(6 درس)

Code Splitting و Lazy Loading

1. Dynamic Import
2. Lazy Loading
3. Code Splitting
4. Route-based Splitting
5. ارتباط Code Splitting و Suspense
6. آزمون فصل

Suspense

(8 درس)

Suspense

1. Suspense چیست
2. Suspense Boundary
3. Fallback UI
4. Suspense و Lazy Loading
5. کاربردهای مدرن Suspense
6. Suspense و Data Loading
7. محدودیت‌ها و مدل ذهنی Suspense
8. آزمون فصل

Concurrent Rendering و Scheduling

(7 درس)

Concurrent Rendering و Scheduling

1. Concurrent Rendering چیست
2. Transition چیست
3. startTransition
4. useTransition
5. useDeferredValue
6. Urgent و Non-Urgent Updates
7. آزمون فصل

APIهای مدرن React

(11 درس)

APIهای مدرن React

1. useId
2. useSyncExternalStore
3. useInsertionEffect
4. useImperativeHandle
5. Actions
6. useActionState
7. useOptimistic
8. use
9. ViewTransition
10. Fragment Refs
11. آزمون فصل

Server Components و معماری Server/Client

(9 درس)

Server Components و معماری Server/Client

1. Server Components چیست
2. Client Components چیست
3. مرز Server/Client
4. Serialization و محدودیت‌های انتقال داده
5. تعامل‌پذیری در سمت Client
6. Data Fetching در معماری Server/Client
7. Streaming
8. نقش Frameworkها در Server Components
9. آزمون فصل

اکوسیستم React

(10 درس)

اکوسیستم React

1. Frameworkها، Build Toolها و Bundlerها
2. Routing در اکوسیستم React
3. Data Fetching و Server State
4. Styling و UI Libraries
5. State Management
6. Testing
7. Build و Deployment
8. React Library در برابر Framework
9. انتخاب ابزار مناسب بر اساس نیاز
10. آزمون فصل

آزمون جامع پایان دوره React.js

(1 درس)

آزمون جامع پایان دوره React.js

1. آزمون جامع React.js