Skip to main content

Setup TypeScript with React


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