|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/react-2024-a-practical-guide-with-typescript-mern-stack/
课程评论：没有评论
课程名称：React 2025：使用 TypeScript 和 MERN 栈的实用指南 课程概述：本课程将围绕从零开始构建两个高级应用程序展开。 项目1：我们将创建一个使用 TypeScript 的 React 应用程序。课程内容涵盖设置 React Router Dom 6、建立 Redux Toolkit 商店，并从 JSON 文件加载虚拟数据。同时，我们将定义接口并创建自定义钩子，以简化数据管理和交互。此外，还将配置 JSON 服务器以处理数据。之后，我们将整合 API 调用，并使用 createApi 和 useDataQuery 管理 Redux Toolkit 中的数据。我们还会在主页实现搜索、过滤和排序功能，并进行购物车操作，例如将商品添加到购物车、计算购物车总价，管理购物车项目的数量（增加和减少数量、清空购物车和移除商品），并集成动画通知功能。 项目2：我们将开始配置 Express 和 MongoDB，并使用 Mongoose 进行数据管理。课程将强调通过 JWT、Bcrypt 和 Express-Validator 实现安全的用户身份验证。在此基础上，我们将实现强大的 CRUD 操作，以便对故事模型进行无缝的数据管理。通过集成 Multer，允许在应用程序中轻松上传文件。在前端部分，我们将仔细设置 React（不使用 TypeScript）和 React Router Dom 6，实现应用程序内的高效路由。此外，我们将处理令牌认证，熟练处理错误响应，并赋予用户创建带有文件上传的故事的能力，增强互动性。最后，我们将通过实现故事的更新和删除功能，并结合基于作者的访问控制，来维护数据的安全性和完整性。 此课程不仅关注技术技能的提升，还强调实践应用与真实项目经验的结合。
This course will involve building two advanced applications from scratch.Project 1:We will create a React application using TypeScript. We will set up React Router Dom 6 and establish a Redux Toolkit store with dummy data from a JSON file. Alongside this, we are going to define interfaces and create custom hooks to streamline data management and interaction. Configuration of a JSON server to handle the data will be included. Following this, we will integrate API calls and manage data in Redux Toolkit using createApi and useDataQuery. Additionally, we will implement search, filter, and sorting functionalities on the home page. Furthermore, we will perform cart actions such as adding items to the cart and getting the cart total, manage cart item component actions (increase and decrease quantity, clearing the cart, and remove items from the cart), and integrate animated notifications.Project 2:We will begin by configuring Express with MongoDB using Mongoose. We will emphasize secure user authentication by utilizing JWT, Bcrypt, and Express-Validator. Progressing, we will implement robust CRUD operations for the Story Model, ensuring seamless data management. By integrating Multer, we will enable effortless file uploads within the application. Shifting focus to the front-end, we will meticulously set up React (without TypeScript) with React Router Dom 6, enabling efficient routing within the application. Moreover, we will handle token authentication, manage error responses adeptly, and empower users to create stories with file uploads, enhancing interactivity. Finally, we will conclude the app by implementing update and delete functionalities for stories and incorporating author-based access control to maintain data security and integrity.
