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


Updated on

Course overview

Course type
Paid course
7 hours
50 lessons
Available on completion
Course author
David Armend√°riz
  • React
  • Typescript
  • Redux
  • Redux Toolkit
  • Redux Thunks (createAsyncThunk, synchronous thunks)
  • Material UI
  • Implementing Dark Mode with Material UI
  • Authentication with Auth0
  • React Router DOM
  • Testing business logic with Jest
  • Redux Persist
  • Selectors with Reselect


Learn how to build a VS Code clone with Redux, Typescript, Auth0, Material UI and Jest

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

    Similar courses

    Modern React with Redux
    • 53 hours
    • 572 lessons
    • Certificate
    Building a VS Code clone with React (w/ Redux + Typescript)
    • English language

    • Recommended provider

    • Certificate available