آموزش مقدمهای بر TanStack Query (React Query) - آخرین آپدیت
دانلود Introduction to TanStack Query (React Query)
آموزش جامع TanStack Query (React Query) برای مدیریت API در برنامههای React
در این دوره آموزشی، TanStack Query که پیشتر با نام React Query شناخته میشد را فرا خواهیم گرفت. React Query یک کتابخانه قدرتمند برای کار با APIها است که ویژگیهای کاربردی فراوانی از جمله دریافت داده (fetching)، ذخیرهسازی (caching)، همگامسازی (synchronizing) و موارد دیگر را ارائه میدهد.
TanStack (React) Query کار با APIها را بسیار آسانتر میکند. شما به سادگی میتوانید دادهها را از APIها دریافت کرده و درخواستهای POST/PATCH را با ReactQuery ارسال کنید و تمام کامپوننتها را از تغییرات دادهها آگاه سازید. استفاده از آن به ما کمک میکند تا یک برنامه کاملاً واکنشگرا (responsive) ایجاد کنیم که به تغییرات کاربر پاسخ میدهد و دادهها را در پسزمینه با سرور بهروزرسانی میکند.
استفاده از React Query به توسعه سریعتر ویژگیها با کد کمتر کمک میکند. در ادامه سرفصلهای این دوره آموزشی آورده شده است:
-
نصب React با اسکریپت create-react-app
-
ایجاد صفحه لیست ToDo و فرم ایجاد ToDo جدید
-
مخازن GitHub پروژه
-
راهاندازی یک سرور ساده با استفاده از NodeJS
-
دریافت ToDoها از API
-
پیادهسازی فراخوانی API برای ایجاد آیتمهای ToDo
-
راهکارهای مدیریت وضعیت (State Management) و رویکردهای آنها
-
معایب استفاده از Redux به عنوان کتابخانه مدیریت وضعیت
-
پیادهسازی اولین Query در TanStack (React) Query
-
پیادهسازی اولین Mutation در TanStack (React) Query
-
اضافه کردن نوار پیشرفت (Progressbar) - پیادهسازی کامپوننتهای بیشتر برای استفاده از TanStack Query
-
بازبینی و پاکسازی پروژه (Refactoring & Cleaning up)
-
پیادهسازی شمارنده برای نمایش وظایف مهم با TanStack (React) Query
لطفاً در این سفر همراه من باشید! :-)
درسها Lessons
-
مقدمهای بر دوره Inroduction to the course
-
بررسی Commit های مختلف Checking out Different Commits
-
نصب React با Create React App install react with create react app
-
ایجاد صفحه Todo Create Todo Page
-
مخزن GitHub پروژه GitHub Repository of the Project
-
نصب و اجرای برنامه سرور Server App Installation and Running
-
خواندن Todos از سرور Reading Todos from Server
-
ارسال Todos به سرور Sending Todos to Server
-
راهکارهای مدیریت State و رویکردهای آنها State Management Solutions and Their Approaches
-
معایب Redux Redux Cons
-
نوشتن اولین Query Writing the First Query
-
نوشتن اولین Mutation Writing the first Mutation
-
نمایش Todos های تکمیل شده Showing Finished Todos
-
بازآرایی کد و پاکسازی Refactoring & Cleaning Up
-
ایجاد شمارنده برای کارهای مهم Create Counter for Important Tasks
-
تست خودکار Automated Testing
-
نوشتن اولین تست خودکار Writing first Automated Test
-
تعریف Code Coverage و اهمیت آن Code Coverage Definition and it's Importance
-
انتقال پروژه به Vite Migrate Project to Vite
-
اجرای تست های خودکار با Vite Run Automated Tests with Vite
-
نوشتن تست برای کامپوننت List Writing Test for List Component
-
تولید گزارش Code Coverage با V8 Generating Code Coverage Report with V8
-
افزایش Code Coverage کامپوننت List به ۱۰۰٪ Increasing ListComponent Code Coverage to 100%
https://donyad.com/d/cdffe4
Babak Mehrabi
آموزش مفاهیم پیچیده به زبانی ساده
یادگیری نباید چالشبرانگیز باشد. ما در اینجا هستیم تا به شما کمک کنیم تا سختترین مطالب را نیز به آسانی درک کنید.
چرا رویکرد ما موثر است؟
- شکستن مفاهیم پیچیده: ما مسائل دشوار را به اجزای کوچکتر و قابل فهمتر تجزیه میکنیم.
- استفاده از مثالهای کاربردی: با مثالهای واقعی، درک مطلب را برای شما آسانتر میکنیم.
- زبان ساده و روان: از اصطلاحات تخصصی و پیچیده پرهیز میکنیم تا همه بتوانند بیاموزند.
با ما، یادگیری لذتبخش و مؤثر است. برای شروع، به اینجا مراجعه کنید.
نمایش نظرات