|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/building-modern-react-apps-w-redux-toolkit-typescript/
课程评论：没有评论
**课程名称：** 使用 React、Redux 和 TypeScript 构建 VS Code 克隆版 **课程概述：** 本课程旨在教授学员如何使用 React、Redux 和 TypeScript 构建一个功能齐全的浏览器内代码编辑器，其灵感来源于 VS Code。通过这个项目，您将深入学习以下关键技术和最佳实践： * **React 与 TypeScript：** 运用 React Hooks，并将其与 TypeScript 结合使用，以编写更安全、更易于维护的代码。 * **React 最佳实践：** 学习项目配置，包括使用 Prettier 进行代码格式化、集中管理环境变量、集中化主题配置等。 * **Redux：** 理解 Redux 的核心概念，包括 dispatching actions 和使用 selectors。 * **Redux Toolkit：** 掌握 Redux Toolkit 的用法，包括创建异步和同步 thunks、slices 等，以更高效地管理应用状态。 * **Material UI (MUI)：** 广泛应用 Material UI 组件库，并学习如何使用 ThemeProvider 来管理应用主题，包括实现暗黑模式。 * **测试：** 使用 Jest 进行单元测试，确保代码的质量和稳定性。 * **Auth0 认证：** 学习如何配置单页应用 (SPA) 集成 Auth0，并利用其 hooks 实现用户认证。 * **React Router Dom 与 Auth0：** 结合使用 React Router Dom 和 Auth0 来保护应用程序路由，确保只有经过认证的用户才能访问特定页面。 **课程目标：** 完成本课程后，您将： * 掌握构建复杂 React 应用所需的关键技术栈。 * 能够将所学知识迁移到实际的生产环境中。 * 拥有一个可以作为作品集展示的、功能强大的 React 项目。 本课程注重实践，通过一个“简单而复杂”的项目，在短时间内涵盖大量实用的开发技能。
UPDATE: This course has been updated to provide the best audio/video quality and better explanations.________________________________________________________________________________________________________________________________________________In this course, you will learn how to build a simple yet complex app (a code editor in the browser inspired in VS Code using the Monaco Editor). You will learn a lot of things from such a simple project:React with Typescript (we are going to use React Hooks and use it with TS)React best practices (configuring Prettier for formatting your projects, centralizing environment variables, centralizing your theme config, etc)Redux (dispatching actions, using selectors, etc.)Redux Toolkit (creating async and synchronous thunks, slices, etc.)Material UI (we will be using lots of components from this UI library and learn how to use the ThemeProvider)Testing (with Jest!)Authentication with Auth0 (we'll learn how to configure an SPA with Auth0 and use its hooks)Protecting routes with React Router Dom and Auth0Implementing dark mode (with the help of MUI v5)At the end of this course, you will be able to transfer all the knowledge you will get to a real world application. You can also take this project as a portfolio project. It contains lots of things that you would use in a big React application.Lots of courses concentrate on the basics of React. In this course we will be building a simple yet complex app. You will see that we will cover lots of things in such a short amount of time!
