آموزش React Query | TanStack Query:Server State Management در React

سرفصل ها و درس ها

شروع با REACT QUERY GETTING STARTED WITH REACT QUERY

• مشکلات بدون React Query Problems Without React Query

• React Query چیست؟ What is React Query

• ویژگی های React Query React Query Features

• معرفی The Docs Introducing The Docs

• با استفاده از Vite برنامه React ایجاد کنید Create React App Using Vite

• پیکربندی React Query Configuring React Query

اطلاعیه مهم IMPORTANT ANNOUNCEMENT

• به روز رسانی UPDATE

درخواست: واکشی داده USEQUERY: DATA FETCHING

• useQuery چیست What is useQuery

• useQuery syntax useQuery Syntax

• کاوش APIS برای استفاده Exploring the APIS to use

• ایجاد درخواست برای واکشی کاربران Making Request to fetch Users

• useQuery اشیاء بازگشت useQuery Return Objects

• نمایش بارگذاری، داده و خطا Displaying loading, data and error

کلیدهای پرس و جو و توابع پرس و جو | واکشی داده ها QUERY KEYS & QUERY FUNCTIONS | DATA FETCHING

• درک کلیدهای پرس و جو Understanding Query Keys

• نقش کلیدهای پرس و جو Role of Query Keys

• انواع کلیدهای پرس و جو Types of Query Keys

• نحو کد آرایه های کلیدهای پرس و جو 1 Query Keys Arrays Code syntax 1

• نحو کد آرایه کلیدهای پرس و جو 2 Query Keys Arrays Code syntax 2

• استفاده از شی به عنوان کلیدهای پرس و جو Using Object as Query Keys

• قوانین کلیدهای پرس و جو Query Keys Rules

• توابع پرس و جو Query Functions

• قوانین تابع پرس و جو Query Function Rules

رسیدگی به خطا در REACT QUERY ERROR HANDLING IN REACT QUERY

• مدیریت خطاها با استفاده از Fetch API Handling Errors using Fetch API

• مدیریت خطاها با استفاده از نسخه نمایشی کد Fetch Handling Errors Using Fetch code demo

• مدیریت خطاها با استفاده از Axios Overview Handling Errors using Axios Overview

• مدیریت خطاها با استفاده از نسخه نمایشی کد Axios Handling Errors using Axios code demo

REACT QUERY CONFIGURATIONS REACT QUERY CONFIGURATIONS

• مقادیر پیش فرض توضیح داده شده است Default Values Explained

• نصب React Query Devtool Installing React Query Devtool

• کاوش React Query Devtool Exploring React Query Devtool

• بررسی اجمالی StaleTime StaleTime Overview

• نسخه ی نمایشی کد StateTime StateTime code demo

• نمای کلی زمان کش Cache Time Overview

• نسخه نمایشی کد زمان کش Cache Time Code Demo

• نمای کلی RefetchOnMount RefetchOnMount Overview

• واکشی مجدد روی فوکوس ویندوز Refetch on windows focus

• واکشی مجدد در اتصال مجدد Refetch on reconnect

• تلاش مجدد با تأخیر Retry delay

• بازه بازیابی Refetch Interval

صفحه بندی | واکشی داده ها PAGINATION | DATA FETCHING

• بررسی اجمالی پرس و جوهای موازی Parallel Queries Overview

• نسخه نمایشی کد پرس و جوهای موازی Parallel Queries Code Demo

• نسخه ی نمایشی و نمای کلی پروژه صفحه بندی Pagination Project Demo and Overview

• نسخه ی نمایشی صفحه بندی Pagination Demo

• واکشی اولیه نمای کلی Prefetching Overview

• واکشی پیش نمایش کد Prefetching Code Demo

استفاده: پس از به روز رسانی-حذف- درخواست USEMUTATION: POST-UPDATE-DELETE- REQUEST

• بررسی اجمالی جهش Mutation Overview

• بررسی اجمالی mutateAsync mutateAsync Overview

• useMutate Code مثال useMutate Code Example

• استفاده از نسخه نمایشی کد MutateAsync useMutateAsync Code Demo

• بررسی اجمالی عدم اعتبار پرس و جو Query Invalidation Overview

• عدم اعتبار پرس و جو Query Invalidation