آموزش راهنمای کامل پرس و جوی RTK با React JS
Complete Guide to RTK Query with React JS
سلام، به این دوره Skillshare خوش آمدید. در این دوره، من RTK Query را با React از ابتدا آموزش خواهم داد. اگر قصد یادگیری فناوری جدید را داشتید، این دوره کاملاً در مورد یادگیری فناوری جدید است. RTK Query یک مفهوم مدرن redux است که بر روی Redux-Toolkit ساخته شده است. این دوره به گونه ای طراحی شده است که هر کسی که می خواهد مفهوم Redux خود را ارتقا دهد می تواند در این دوره ثبت نام کند.
این دوره مبتنی بر پروژه شما را بلافاصله کدنویسی می کند. ساخت اپلیکیشن با کمک React و RTK Query در این دوره، مهارت های شما را در توسعه وب مدرن تقویت می کند.
با کمک RTKQuery با نحوه کار با api در React Application آشنا خواهید شد. و من مطمئن هستم که پس از گذراندن این دوره، استاد پیاده سازی Redux-Toolkit در هر یک از برنامه های React موجود خود خواهید شد.
در این دوره، مفهوم کلیدی مرتبط با Redux-Toolkit RTK Query با React را در زیر یاد خواهید گرفت:
چگونه Redux-toolkit با React در یک برنامه تک صفحه ای جلویی قرار می گیرد؟
- استفاده از سرور جعلی JSON با React JS را یاد خواهید گرفت.
Redux-Toolkit و RTK Query API چیست؟
چگونه فروشگاه را با RTKQuery پیکربندی کنیم؟
- شما api مختلف RTK Query مانند createApi() fetchBaseQuery().
با پرس و جوی RTK ایجاد یک سری نقطه پایانی را بیاموزید
شما یاد خواهید گرفت که Query RTK مختلف را برای عملیات perofrm مانند ایجاد، خواندن، حذف به‌روزرسانی بنویسید.
نیاز اساسی
- به نوعی دانش HTML، CSS و جاوا اسکریپت نیاز است.
- درک اولیه ماژول ES6
- دانش اولیه React یک مزیت اضافه خواهد کرد.
- دانش Redux کمی نیاز دارد، اما من از ابتدا توضیح خواهم داد.
- هیچ تجربه کاری قبلی با سرور JSON لازم نیست.
نرم افزار مورد نیاز
- .
- .
در این دوره، شما قصد دارید برنامه کامل React CRUD را با کمک RTK Query با استفاده از سرور api جعلی JSON بسازید. شما می توانید درخواست api مانند GET، PUT، POST و DELETE را با RTK Query در برنامه React خود ایجاد کنید. برای برنامه‌نویس React مبتدی، استفاده از سرور جعلی JSON توصیه می‌شود.
همیشه می‌توانید با ارائه پیوند git-hub پروژه خود، در صورت مواجه شدن با مشکل، پروژه خود را به اشتراک بگذارید
تکلیف
اکنون زمان تعیین تکلیف است، پس از تکمیل این دوره، یک ویژگی جدید را در برنامه فعلی ما اضافه کنید. قابلیتی که باید با سرور جعلی json با استفاده از RTK Query در React اضافه کنید، جستجو، مرتب‌سازی، فیلتر و صفحه‌بندی کنید.
همچنین می‌توانید این پیوند را دنبال کنید تا درباره جستجو، مرتب‌سازی، فیلتر و صفحه‌بندی api اطلاعات بیشتری کسب کنید. پس از تکمیل این پروژه، می‌توانید تکلیف خود را در اینجا پست کنید با ارائه URL git-hub
درس ها Lessons
-
Redux-Toolkit چیست؟ What is Redux-Toolkit ?
-
تنظیم پرس و جو RTK RTK Query Set up
-
پر کردن داده های فرم Populate Form Data
-
نوشتن عبارت DELETE Query Writing DELETE Query
-
رسیدگی به خطا Error Handling
-
پرس و جوی RTK را درک کنید Understand RTK Query
-
مشاهده صفحه View Page
-
دریافت داده با استفاده از RTK Query Get Data using RTK Query
-
ساختار Structure
-
بسته شدن Wrap Up
-
راه اندازی پروژه Project Set-up
-
Redux چیست و چرا از آن استفاده می کنیم؟ What is Redux & Why we use it ?
-
به روز رسانی با RTK Query Update with RTK Query
-
مقدمه Introduction
-
جزء فرم Form Component
-
نوشتن پرس و جو POST RTK Writing POST RTK Query
-
از POST Query برای افزودن داده استفاده کنید Use POST Query to Add Data
https://donyad.com/d/f9c4
Saumitra Vishal
توسعه دهنده Front End
من توسعه دهنده وب جلویی هستم و در زمینه React JS تخصص دارم
من مدرک لیسانس علوم کامپیوتر از دانشگاه KIIT دارم.
خوشحال می شوم دانش خود را به اشتراک بگذارم و محتوای عالی برای همه کسانی که می خواهند به کلاس های من بپیوندند ایجاد کنم.
شما همچنین می توانید در پلتفرم یوتیوب من به من بپیوندید، من بیش از 8 هزار مشترک در کانال یوتیوب خود دارم.
بیایید با هم چیزهای عالی بسازیم :)
نمایش نظرات