Building a VS Code clone with React (w/ Redux + Typescript)

在本课程中，您将学习如何构建一个简单而复杂的应用程序（使用 Monaco 编辑器受 VS Code 启发的浏览器中的代码编辑器）。您将从这样一个简单的项目中学到很多东西：

React 与 Typescript（我们将使用 React Hooks 并将其与 TS 一起使用）
React 最佳实践（配置 Prettier 以格式化项目、集中环境变量、集中主题配置等）
Redux（调度操作、使用选择器等）
Redux Toolkit（创建异步和同步 thunk、切片等）
Material UI（我们将使用这个 UI 库中的许多组件并学习如何使用 ThemeProvider）
测试（使用 Jest！）
使用 Auth0 进行身份验证（我们将学习如何使用 Auth0 配置 SPA 并使用它的钩子）
使用 React Router Dom 和 Auth0 保护路由
实现暗模式（在 MUI v5 的帮助下）
在本课程结束时，您将能够将您将获得的所有知识转移到现实世界的应用程序中。您也可以将此项目作为投资组合项目。它包含很多你会在大型 React 应用程序中使用的东西。

许多课程都集中在 React 的基础知识上。在本课程中，我们将构建一个简单而复杂的应用程序。您会看到我们将在如此短的时间内涵盖很多内容！

MP4 | Video: h264, 1280×720 | Audio: AAC, 44.1 KHz
Language: English | Size: 2.72 GB | Duration: 6h 17m

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 Auth0
Implementing 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!