|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/introduction-tanstack-query-react-query/
课程评论：没有评论
**课程名称：TanStack Query (React Query) 入门** **课程概述：** 本课程将深入学习 TanStack Query (React Query)，这是一个功能强大的 API 交互库，提供数据获取、缓存、同步等诸多实用功能。React Query 极大地简化了与 API 的交互，能够轻松实现数据获取、POST/PATCH 请求，并使所有组件都能感知数据变化。通过本课程的学习，您将能够构建响应用户操作、在后台自动更新服务器数据的全响应式应用程序，并以更少的代码、更快的速度开发功能。 **课程内容：** * **模块一：介绍** * 课程简介 * 课程先修要求 * GitHub 仓库介绍 * GitHub 操作学习指南 * **模块二：ToDo 应用的搭建** * 使用 create-react-app 脚本安装 React * 创建待办事项列表页面和新建待办事项表单 * 使用 NodeJS 设置简单服务器 * 从 API 获取待办事项 * 实现创建待办事项的 API 调用 * **模块三：TanStack Query (React Query) 入门** * 状态管理解决方案及其方法 * 使用 Redux 作为状态管理库的局限性 * 在 TanStack Query (React) 中实现第一个 Query * 在 TanStack Query (React) 中实现第一个 Mutation * 添加进度条 - 实现更多使用 TanStack Query 的组件 * 项目重构与清理 * 实现计数器以展示使用 TanStack (React) Query 的重要任务 * **模块四：自动化测试** * 什么是自动化测试？ * 测试自动化的优势 * 编写您的第一个单元测试 * 什么是代码覆盖率？ * 获取代码覆盖率报告 * 项目迁移至 Vite * Vitest 配置 * 使用 Vitest 运行测试 * 编写列表组件的测试 * 使用 V8 添加代码覆盖率报告 * 实现列表组件 100% 代码覆盖率报告 **期待您的加入，一同开启这段学习旅程！**
In this course, we are going to learn TanStack Query (React Query). React Query is a powerfull library to work with APIs which provides a lot of useful features like fetching, caching, synchronizing, and, etc.TanStack (React) Query makes it a lot easier to work with APIs. You can simply fetch data from APIs and send post/patch requests with ReactQuery and make all of the components to be aware of the data changes. Using it will help us to create a fully responsive app that react to user changes and updates the data on the server in the background.Using React Query will help to develop a lot faster features with less codes. Here are the topics that we will cover in this course:Module 1: IntroductionIntroduction to the coursePre Requirements for this courseGitHub repositoresInstructions to learn about how to work with GitHubMobule 2: Bootstraping the ToDo AppInstalling React with create-react-app ScriptCreate ToDo list page and create new todo formSetting Up a Simple Server using NodeJSFetching Todos from APIImplementing API call to create Todo itemsModule 3: Getting Started with TanStack Query (React Query)State Management solutions and their approachCons of Using Redux as a State Management LibraryImplementing the first Query in TanStack (React) QueryImplementing the first Mutation in TanStack (React) QueryAdding Progressbar - Implementing more Components to use TanStack QueryRefactoring & Cleaning up of the ProjectImplementing counter to show important tasks with TanStack (React) QueryModule 4: Automated TestingWhat is automated testing? Benefits of testing automationWriting the first Unit TestWhat is Code Coverage? Getting Code Coverage ReportMigrating the Project to ViteVitest Configuration Running Tests with VitestWriting Tests for List ComponentAdding Code Coverage Report with V8Reaching to 100% Code Coverage Report for the List ComponentPlease join me in this journey:-)
