آموزش تسلط بر React و مفاهیم پیشرفته - آخرین آپدیت

تسلط بر Hookهای React Mastering React Hooks

• مقدمه‌ای بر جهنم Wrapperهای Hook Introduction to Hooks Wrapper Hell

• منطق پیچیده چرخه حیات Complex Lifecycle Logic

• سردرگمی با کلمه کلیدی this "This" Keyword Confusion

• هوک useState useState Hook

• مقداردهی اولیه تنبل (Lazy Initialization) Lazy Initialization

• مدیریت اشیاء (Objects) Managing Objects

• مدیریت آرایه‌ها - جمع‌بندی Managing Arrays – Summary

• هوک useEffect - مقدمه useEffect Hook – Introduction

• مشکلات useEffect useEffect Problem

• فراخوانی API با useEffect useEffect API Calling

• آرایه‌های وابستگی (Dependency Arrays) در useEffect useEffect Dependency Arrays

• تابع Cleanup در useEffect و جمع‌بندی useEffect Cleanup Function and Summary

• مقدمه‌ای بر useContext useContext Introduction

• کانتکست تم - پیاده‌سازی Provider Theme Context – Implementing the Provider

• تغییردهنده تم و کامپوننت Header Theme Switcher and Header Component

• موارد استفاده - جمع‌بندی Use Cases – Summary

• مقدمه‌ای بر useRef - عناصر DOM useRef Introduction – DOM Elements

• مثال تایمر با useRef - مقادیر تغییرپذیر useRef Timer Example – Mutable Values

• موارد رایج useRef و مقایسه با useState useRef Common Cases and Comparison with useState

• مقدمه و سینتکس useReducer useReducer Introduction and Syntax

• مقایسه useReducer و useState - مثال پایه useReducer vs useState – Basic Example

• مثال مدیریت وضعیت با useReducer useReducer Status Manager Example

• مقایسه useReducer و Redux - جمع‌بندی useReducer vs Redux – Summary

• مقدمه‌ای بر useMemo useMemo Introduction

• مثال واقعی از useMemo useMemo Real-World Example

• بایدها و نبایدهای useMemo - جمع‌بندی useMemo Dos and Don'ts – Summary

• مقدمه‌ای بر useCallback useCallback Introduction

• مثال و درک useCallback useCallback Example and Understanding

• جمع‌بندی و نکات حساس useCallback useCallback Summary and Pitfalls

• مقدمه‌ای بر useImperativeHandle useImperativeHandle Introduction

• مثال و کاربردهای useImperative useImperative Example and Uses

• مورد استفاده رایج useImperative و جمع‌بندی useImperative Common Use Case and Summary

• مقدمه‌ای بر Custom Hookها Custom Hook Introduction

• مثال و نحوه استفاده از Custom Hook Custom Hook Example and Usage

• اصول طراحی Custom Hook Custom Hook Design Principles

• اشتباهات رایج Custom Hook و جمع‌بندی Custom Hook Pitfalls and Summary

فرم‌ها و اعتبارسنجی در React Forms and Validation in React

• مقدمه‌ای بر فرم‌ها Forms Introduction

• مثال ورودی متنی (Text Input) Text Input Example

• مثال Text Area و Select Text Area and Select Example

• مثال Checkbox Checkbox Example

• جمع‌بندی Radio Button Radio Button Summary

• بررسی عمیق فرم‌های Controlled در مقابل Uncontrolled Controlled vs Uncontrolled – In Depth

• مزایا و معایب هر روش Pros and Cons of Each Approach

• زمان انتخاب هر روش When to Choose Which

• کتابخانه React Hook Form React Hook Form

• مثال useForm useForm Example

• بررسی Watch در useForm Watch useForm

• جمع‌بندی useForm Summary – useForm

• مزایای Yup و Zod Benefits of Yup and Zod

• دموی کتابخانه Yup Yup Library Demo

• دموی استفاده از Zod Zod Demo Usage

• پروژه فرم ثبت‌نام - مقدمه Signup Form Project – Introduction

• نصب وابستگی‌ها و تعریف Schema Install Dependencies and Schema

• وضعیت فرم ثبت‌نام و ارسال داده‌ها Signup Form State and Submission

• تکمیل فرم ثبت‌نام Completing Signup Form

مسیریابی در React با React Router Routing in React with React Router

• مقدمه‌ای بر SPAها و مزایای آن‌ها Introduction to SPAs and Benefits

• نصب React Router React Router Installation

• بررسی BrowserRouter، Routes و Route BrowserRouter, Routes, and Route

• مرور مسیریابی با Link Recap – Routing with Link

• استفاده از NavLink NavLink

• مسیرهای تو در تو (Nested Routes) - مقدمه Nested Routes – Introduction

• مسیرهای تو در تو - مثال پیاده‌سازی Nested Routes – Implementation Example

• کامپوننت Outlet Outlet Component

• پشتیبانی از مسیریابی در React 19 React 19 Routing Support

• مسیریابی پویا (Dynamic Routing) - مقدمه Dynamic Routing – Introduction

• هوک useParams useParams Hook

• مثال مسیریابی پویا Dynamic Routing Example

• ناوبری برنامه‌نویسی شده (Programmatic Navigation) Programmatic Navigation

• هوک useNavigate useNavigate Hook

• مثال ناوبری برنامه‌نویسی شده Programmatic Navigation Example

• مقدمه‌ای بر Data Loader Data Loader – Introduction

• استفاده از Data Loader در کامپوننت محصولات Data Loader and Products Component

• مثال عملی Data Loader در Root Layout Data Loader Root Layout – Working Example

• مسیرهای محافظت شده (Protected Routes) - مقدمه Protected Routes – Introduction

• مثال مسیر محافظت شده Protected Route Example