آموزش مدیریت پیشرفته وضعیت (State Management) و یکپارچه‌سازی API - آخرین آپدیت

مدیریت پیشرفته وضعیت Advanced State Management

• مقدمه و مرور – وضعیت محلی و وضعیت جهانی Introduction and Recap – Local State and Global State

• useState و useContext – مرور و نکات حساس useState and useContext – Recap and Pitfalls

• مشکلاتی که توسط کتابخانه‌های وضعیت جهانی حل می‌شوند Problems Solved by Global State Libraries

• مشکلات در نبود وضعیت جهانی – جمع‌بندی Problems Without Global State – Summary

• بالا بردن وضعیت (Lifting State Up) – مرور Lifting State Up – Recap

• سناریوی پیشرفته ۱ – وابستگی‌های متعدد Advanced Scenario 1 – Multiple Dependents

• سناریوی پیشرفته ۲ – وضعیت مشتق شده (Derived State) Advanced Scenario 2 – Derived State

• جمع‌بندی Summary

• Context API – مرور Context API – Recap

• بهترین روش‌ها (Best Practices) Best Practices

• ملاحظات مربوط به عملکرد Performance Considerations

• مقدمه‌ای بر Redux Introduction to Redux

• راه‌اندازی پروژه Redux Setting Up Redux Project

• تعریف تایپ‌ها برای Actionها Setting Up Types for Action

• راه‌اندازی Actionها برای شمارنده (Counter) Setting Up Actions for Counter

• راه‌اندازی Reducer برای شمارنده Setting Up Reducer for Counter

• راه‌اندازی Redux Store Setting Up Redux Store

• کامپوننت شمارنده Counter Component

• مقدمه‌ای بر RTK Introduction to RTK

• مثال دنیای واقعی – مفاهیم کلیدی Real-World Analogy – Key Concepts

• راه‌اندازی Store Store Setup

• راه‌اندازی Reducer Reducer Setup

• راه‌اندازی هوک سفارشی و کامپوننت Custom Hook and Component Setup

• اتصال Store جدید و دموی Dev Tools Plug New Store and Dev Tools Demo

• مقدمه‌ای بر Async Thunk در RTK Introduction to Async Thunk in RTK

• توضیح کد با Async Thunk و Slice Explanation of Code with Async Thunk and Slice

• تابع دریافت کاربران (Fetch Users) Fetch Users Function

• راه‌اندازی User Slice User Slice Setup

• کامپوننت کاربران و دمو Users Component and Demo

• RTK Query – مقدمه RTK Query – Introduction

• استفاده و دموی Reselect Reselect Usage and Demo

• مقایسه کشینگ و دریافت مجدد داده‌ها (Refetching) Caching and Refetching Comparison

• مشکلات useSelector useSelector Problems

• هوک‌های تولید شده و مثال Generated Hooks and Example

• مزایای Reselect Benefits of Reselect

• میدل‌ور سفارشی (Custom Middleware) – مقدمه Custom Middleware – Introduction

• مثال میدل‌ور تحلیل داده (Analytic) Analytic Middleware Example

• مزایا و جمع‌بندی Benefits and Summary

• چالش‌های برنامه‌های بزرگ Challenges with Large Apps

• مثال بر اساس دامنه (Domain Based) Domain-Based Example

• مزایای Storeهای ساختاریافته Benefits of Structured Stores

• جایگزین‌های Redux Redux Alternatives

• مثال کد Zustand Zustand Code Example

• مثال کد Jotai Jotai Code Example

• مثال کد Recoil Recoil Code Example

• مقایسه – چه زمانی از کدام استفاده کنیم Comparison – When to Use Which

• مقدمه‌ای بر مدیریت وضعیت سرور (Server State) Introduction to Server State Management

• مثال TanStack React Query TanStack React Query Example

• مثال SWR (Stale While Revalidate) SWR (Stale-While-Revalidate) Example

• مقایسه بین TanStack و SWR Comparison between TanStack and SWR

• مرور کلی پروژه Project Overview

• راه‌اندازی پروژه و نصبات Project Setup and Installations

• راه‌اندازی Store و API Store Setup and API

• کامپوننت لیست محصولات Products List Component

• کامپوننت کارت محصول Product Card Component

• Cart Slice (بخش سبد خرید) Cart Slice

• کامپوننت سبد خرید Cart Component

• کامپوننت اصلی App App Component

• همگام‌سازی سمت سرور Server-Side Sync

یکپارچه‌سازی API و ارتباط با سرور API Integration and Server Communication

• مرور کلی و مثال Fetch API Overview and Fetch API Example

• نصب Axios و مثال Axios Installation and Example

• راه‌اندازی Axios Client Setting Up Axios Client

• راه‌اندازی Axios Interceptors Setting Up Axios Interceptors

• مقایسه و جمع‌بندی Comparison and Summary

• درخواست‌های GET GET Requests

• درک عمیق از Fetch و Axios Deep Understanding of Fetch and Axios

• الگوهای UI برای Loading و Error Loading and Error UI Patterns

• بهبود وضعیت Loading با کامپوننت Loader Enhancing the Loading State with Loader Component

• بهبود وضعیت Error با کامپوننت Error Enhancing the Error State with Error Component

• اسکلتون لودر (Skeleton Loader) Skeleton Loader

• جمع‌بندی Summary

• چرا useEffect مهم است – مرور کلی Why useEffect Matters – Overview

• روش‌های صحیح مدیریت وابستگی‌ها (Dependencies) Correct Ways of Dependency Management

• مدیریت Race Conditions (شرایط رقابتی) Handling Race Conditions

• اشتباهاتی که باید از آن‌ها اجتناب کرد – جمع‌بندی Mistakes to Avoid – Summary

• عملیات CRUD – مقدمه CRUD Operations – Introduction

• مرور کلی راه‌اندازی پروژه Project Setup Overview

• دریافت محصولات – GET Fetching Products – GET

• افزودن محصول – POST Adding a Product – POST

• به‌روزرسانی محصول – PUT Updating a Product – PUT

• حذف محصول – DELETE Deleting a Product – DELETE

• ترکیب همه موارد در قالب یک SPA Combining Everything as an SPA

• اشتباهات رایج – تمرینات و جمع‌بندی Common Mistakes – Practices and Summary

• یکپارچه‌سازی پیشرفته API – مرور RTK و TanStack Advanced API Integration – RTK and TanStack Recap

• مرور – دریافت داده‌ها با useQuery در TanStack Query Recap – useQuery Fetching Data Using TanStack Query

• مرور – Mutation و به‌روزرسانی‌های خوش‌بینانه (Optimistic Updates) با TanStack Query Recap – Mutation and Optimistic Updates with TanStack Query

• مزایای کلیدی و جمع‌بندی Key Benefits and Summary

• مرور کلی و راه‌اندازی پروژه Project Overview and Setup

• راه‌اندازی API Client API Client Setup

• دریافت تمام پست‌ها Fetching All Posts

• ایجاد پست جدید Creating a New Post

• به‌روزرسانی پست Updating a Post

• حذف پست Deleting a Post