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

React Query |TanStack Query:Server State Management in React

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: Master React Query: واکشی، جهش و ذخیره داده ها واکشی، به روز رسانی و همگام سازی کارآمد داده ها را با React Query بیاموزید دانش عملی در کش، واکشی پس زمینه و جهش به دست آورید. با استفاده از React Query بر مدیریت ناهمزمان داده ها در React مسلط شوید. آشنایی با بهترین روش‌ها برای همگام‌سازی حالت و مدیریت خطا Master React Query برای مدیریت بهینه وضعیت سرور در برنامه‌های React پیش نیازها: درک اولیه React و اصول اصلی آن تجربه با React Hook و روش‌های مدرن توسعه React باز بودن برای یادگیری الگوها و روش‌های جدید در توسعه React .

با دوره جامع ما که بر تسلط بر React Query و TanStack Query برای مدیریت کارآمد وضعیت سرور تمرکز دارد، عمیقاً در دنیای React شیرجه بزنید. این دوره مختص توسعه دهندگانی است که می خواهند برنامه های React خود را به سطوح جدیدی ارتقا دهند. شما نکات و نکات مربوط به React Query را یاد خواهید گرفت و نحوه واکشی موثر، به روز رسانی و مدیریت داده های سرور را درک خواهید کرد. ما مفاهیم اساسی مانند استراتژی‌های کش، واکشی داده‌های پس‌زمینه، و همگام‌سازی خودکار حالت را پوشش می‌دهیم، و مطمئن می‌شویم که برنامه‌های React شما نه تنها کارآمد هستند، بلکه مقیاس‌پذیر نیز هستند.


ماژول های ماهرانه ساخته شده ما شما را از طریق مثال های عملی و سناریوهای دنیای واقعی راهنمایی می کنند و به شما امکان می دهند دانش خود را فوراً به کار ببرید. چه یک توسعه‌دهنده جوان باشید که به دنبال گسترش مهارت‌های خود هستید یا یک برنامه‌نویس با تجربه و با هدف بهینه‌سازی پروژه‌های React خود، این دوره آموزشی برای همه دارد. در پایان این سفر، درک قوی از مدیریت حالت در React خواهید داشت و به خوبی برای ساخت برنامه های وب پویا، کارآمد و قابل نگهداری مجهز خواهید بود.


به‌علاوه، تکنیک‌های پیشرفته در مدیریت خطا، جهش داده‌ها و بهینه‌سازی پرس و جو را بررسی خواهید کرد. در درس‌های تعاملی و پروژه‌های عملی شرکت کنید که یادگیری شما را تقویت می‌کند و شما را برای چالش‌های دنیای واقعی آماده می‌کند. به ما بپیوندید تا به یک متخصص ماهر React Query تبدیل شوید و آماده رسیدگی به مسائل پیچیده مدیریت ایالت با اطمینان و خلاقیت باشید.


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

شروع با 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

نمایش نظرات

Udemy (یودمی)

یودمی یکی از بزرگ‌ترین پلتفرم‌های آموزشی آنلاین است که به میلیون‌ها کاربر در سراسر جهان امکان دسترسی به دوره‌های متنوع و کاربردی را فراهم می‌کند. این پلتفرم امکان آموزش در زمینه‌های مختلف از فناوری اطلاعات و برنامه‌نویسی گرفته تا زبان‌های خارجی، مدیریت، و هنر را به کاربران ارائه می‌دهد. با استفاده از یودمی، کاربران می‌توانند به صورت انعطاف‌پذیر و بهینه، مهارت‌های جدیدی را یاد بگیرند و خود را برای بازار کار آماده کنند.

یکی از ویژگی‌های برجسته یودمی، کیفیت بالای دوره‌ها و حضور استادان مجرب و با تجربه در هر حوزه است. این امر به کاربران اعتماد می‌دهد که در حال دریافت آموزش از منابع قابل اعتماد و معتبر هستند و می‌توانند به بهترین شکل ممکن از آموزش‌ها بهره ببرند. به طور خلاصه، یودمی به عنوان یکی از معتبرترین و موثرترین پلتفرم‌های آموزشی آنلاین، به افراد امکان می‌دهد تا به راحتی و با کیفیت، مهارت‌های مورد نیاز خود را ارتقا دهند و به دنبال رشد و پیشرفت شغلی خود باشند.

آموزش React Query | TanStack Query:Server State Management در React
جزییات دوره
4 hours
50
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
1,017
5 از 5
دارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

iNovotek Academy iNovotek Academy

یک مهندس نرم افزار ارشد با بیش از 7 سال تجربه برنامه نویسی در Node js ، Express js ، React Js ، Redux ، Javascript ، MongoDB/Mongoose برای ایجاد برنامه های بزرگ تجاری برای شرکت ها. شروع یادگیری چیز جدیدی می تواند چالش برانگیز باشد و منابع بسیار زیادی در دسترس است که می تواند بسیار زیاد باشد. به همین دلیل ، من از تمام مهارت هایی که دارم برای ایجاد پروژه های با کیفیت بالا استفاده می کنم که ارزش واقعی را به نمونه کارهای دانش آموزان اضافه می کند و شغل آنها را در توسعه وب شروع می کند.