آموزش مقدمهای بر TanStack Query (React Query) - آخرین آپدیت
دانلود Introduction to TanStack Query (React Query)
آموزش جامع TanStack Query (React Query) برای توسعه اپلیکیشنهای React
در این دوره آموزشی، با کتابخانه قدرتمند TanStack Query که با نام React Query نیز شناخته میشود، آشنا خواهیم شد. React Query یک ابزار کلیدی برای کار با APIها است که قابلیتهای فراوانی از جمله دریافت داده (fetching)، کشینگ (caching)، همگامسازی (synchronizing) و موارد دیگر را در اختیار توسعهدهندگان قرار میدهد.
استفاده از TanStack (React) Query، کار با APIها را به طور چشمگیری سادهتر میکند. شما به راحتی میتوانید دادهها را از APIها دریافت کرده و درخواستهای POST/PATCH را با ReactQuery ارسال کنید. این کتابخانه باعث میشود تمامی کامپوننتها از تغییرات دادهها آگاه باشند. با بهرهگیری از این ابزار، قادر به ساخت اپلیکیشنهایی کاملاً واکنشگرا خواهیم بود که به تغییرات کاربر پاسخ داده و دادهها را به صورت پسزمینه در سرور بهروزرسانی میکنند.
استفاده از 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
-
بازسازی و پاکسازی پروژه
-
پیادهسازی شمارنده برای نمایش تسکهای مهم با استفاده از TanStack (React) Query
لطفاً در این سفر آموزشی همراه ما باشید!
درسها Lessons
-
مقدمه دوره Inroduction to the course
-
بررسی کامیتهای مختلف Checking out Different Commits
-
نصب ریاکت با Create React App install react with create react app
-
صفحه ایجاد To-Do Create Todo Page
-
مخزن GitHub پروژه GitHub Repository of the Project
-
نصب و اجرای برنامه سرور Server App Installation and Running
-
خواندن To-Do ها از سرور Reading Todos from Server
-
ارسال To-Do ها به سرور Sending Todos to Server
-
راهکارهای مدیریت State و رویکردهای آنها State Management Solutions and Their Approaches
-
معایب Redux Redux Cons
-
نوشتن اولین Query Writing the First Query
-
نوشتن اولین Mutation Writing the first Mutation
-
نمایش To-Do های تکمیل شده 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
-
نوشتن تست برای کامپوننت لیست Writing Test for List Component
-
تولید گزارش پوشش کد با V8 Generating Code Coverage Report with V8
-
افزایش پوشش کد کامپوننت لیست به ۱۰۰٪ Increasing ListComponent Code Coverage to 100%
https://donyad.com/d/7d69c9
Babak Mehrabi
آموزش مفاهیم پیچیده به زبانی ساده
یادگیری نباید چالشبرانگیز باشد. ما در اینجا هستیم تا به شما کمک کنیم تا سختترین مطالب را نیز به آسانی درک کنید.
چرا رویکرد ما موثر است؟
- شکستن مفاهیم پیچیده: ما مسائل دشوار را به اجزای کوچکتر و قابل فهمتر تجزیه میکنیم.
- استفاده از مثالهای کاربردی: با مثالهای واقعی، درک مطلب را برای شما آسانتر میکنیم.
- زبان ساده و روان: از اصطلاحات تخصصی و پیچیده پرهیز میکنیم تا همه بتوانند بیاموزند.
با ما، یادگیری لذتبخش و مؤثر است. برای شروع، به اینجا مراجعه کنید.
نمایش نظرات