microsoft/typescript-react-starter

★ 11,045TypeScriptAudience · developerComplexity · 1/5Setup · easy

Mindmap

mindmap
  root((TS React Starter))
    Status
      Deprecated
      Reference only
    Stack covered
      TypeScript
      React
      Redux
    What it taught
      Project scaffolding
      Component structure
      State management
    Modern alternatives
      Create React App
      Next.js
      Vite

mindmap root((TS React Starter)) Status Deprecated Reference only Stack covered TypeScript React Redux What it taught Project scaffolding Component structure State management Modern alternatives Create React App Next.js Vite

Click or tap to explore — scroll the page freely

Things people build with this

USE CASE 1

Read the README walkthrough as a historical reference for how TypeScript and React were manually wired together before built-in support existed.

USE CASE 2

Follow the Redux state management section to understand how a shared data store is added to a TypeScript React project.

USE CASE 3

Study the generated project structure to understand how a multi-file TypeScript React app is organized.

Tech stack

TypeScriptReactReduxJavaScript

Getting it running

Difficulty · easy Time to first run · 5min

Deprecated, use Create React App with the TypeScript template, Next.js, or Vite for new projects instead.

In plain English

This is a starter template created by Microsoft to help developers build web apps using TypeScript and React together. It is now officially deprecated, because the tools it was designed to set up, such as TypeScript support in Create React App and Next.js, have become built-in features of those frameworks. The repository still exists as a reference and historical guide. When it was active, the template walked you through creating a new React project with TypeScript already wired in, along with code linting, automated testing, and state management. It used a tool called create-react-app to scaffold the project structure for you, so you could start writing code rather than spending time on configuration. The README includes a full walkthrough: how to install the project generator, what files get created and what each one does, how to run the app locally, how to run tests, how to build a final version ready for users, and how to add your own components. It also covers setting up a shared data store using Redux, which is a way to manage information that multiple parts of your app need to access. For anyone starting a new project today, the README itself points to more current resources, including community cheatsheets and official framework documentation, since the TypeScript setup it once provided now comes pre-packaged with modern React tooling. The full README is longer than what was shown.

Copy-paste prompts

Prompt 1

I'm following the microsoft/typescript-react-starter guide. Help me migrate the Redux store it sets up to modern Redux Toolkit, since the original uses older patterns.

Prompt 2

The typescript-react-starter used create-react-app with TypeScript. Show me the equivalent setup using Vite instead, which is the modern replacement.

Prompt 3

Convert the class-based React components shown in the typescript-react-starter README into functional components with hooks.

Prompt 4

The typescript-react-starter shows how to type Redux actions manually. Rewrite those types using modern TypeScript discriminated unions and the Redux Toolkit createSlice pattern.

Open on GitHub → Explain another repo

← microsoft on gitmyhub — every repo by this author, as a profile.

Verify against the repo before relying on details.