Skip to main content

Setup TypeScript with React

Prerequisites

You can use this cheatsheet for reference at any skill level, but basic understanding of React and TypeScript is assumed. Here is a list of prerequisites:

This guide will always assume you are starting with the latest TypeScript and React versions. Notes for older versions will be in expandable <details> tags.

VS Code Extensions

React + TypeScript Starter Kits

Cloud setups:

Local dev setups:

  • Next.js: npx create-next-app@latest --ts will create in your current folder
  • Create React App: npx create-react-app name-of-app --template typescript will create in new folder
  • Vite: npm create vite@latest my-react-ts-app -- --template react-ts
  • Meteor: meteor create --typescript name-of-my-new-typescript-app
  • Ignite for React Native: ignite new myapp
  • TSDX: npx tsdx create mylib for Creating React+TS libraries. (in future: TurboRepo)
Other tools

Less mature tools still worth checking out:

Manual setup:

Video Tutorial

Have a look at the 7-part "React Typescript Course" video series below for an introduction to TypeScript with React.

react typescript course video series