Menu
LogoReact TypeScript Cheatsheet
DocsHelpDiscordContributors
๐ŸŒœ
๐ŸŒž
LogoReact TypeScript Cheatsheet
  • Docs
  • Help
  • Discord
  • Contributors
  • Basic
    • Setup TypeScript with React
    • Getting Started
      • Typing Component Props
      • Function Components
      • Hooks
      • Class Components
      • Typing defaultProps
      • Forms and Events
      • Context
      • forwardRef/createRef
      • Portals
      • Error Boundaries
      • Concurrent React/React Suspense
    • Troubleshooting Handbook
      • Types
      • Operators
      • Utilities
      • Globals, Images and other non-TS files
      • tsconfig.json
      • Fixing bugs in official typings
      • Time to Really Learn TypeScript
    • Recommendations
      • Codebases
      • Talks
      • Other resources
    • Useful Hooks
    • Editor Tooling and Integration
    • Linting
    • Examples
  • HOC
    • Intro
    • Full HOC Example
    • React HOC docs in TypeScript
    • Excluding Props
  • Advanced
    • Intro
    • Utility Types
    • Useful Patterns by Use Case
    • Useful Patterns by TypeScript Version
    • Misc. Concerns
    • @types/react and @types/react-dom APIs
  • Migration
    • Intro
    • JSDoc
    • From JS
    • From Flow

Other React + TypeScript resources

  • me! https://twitter.com/swyx
  • https://www.freecodecamp.org/news/how-to-build-a-todo-app-with-react-typescript-nodejs-and-mongodb/
  • https://github.com/piotrwitek/react-redux-typescript-guide - HIGHLY HIGHLY RECOMMENDED, i wrote this repo before knowing about this one, this has a lot of stuff I don't cover, including REDUX and JEST.
  • Ultimate React Component Patterns with TypeScript 2.8
  • Basarat's TypeScript gitbook has a React section with an Egghead.io course as well.
  • Palmer Group's TypeScript + React Guidelines as well as Jared's other work like disco.chat
  • Sindre Sorhus' TypeScript Style Guide
  • TypeScript React Starter Template by Microsoft A starter template for TypeScript and React with a detailed README describing how to use the two together. Note: this doesnt seem to be frequently updated anymore.
  • Brian Holt's Intermediate React course on Frontend Masters (paid) - Converting App To TypeScript Section
  • Mike North's Production TypeScript course on Frontend Masters (paid)
  • TSX Guide by gojutin
  • TypeScript conversion:
    • Lyft's React-To-TypeScript conversion CLI
    • Gustav Wengel's blogpost - converting a React codebase to TypeScript
    • Microsoft React TypeScript conversion guide
  • You?.
Edit this page
Previous
ยซ Recommended React + TypeScript talks
Next
Useful Hooks ยป

Docs

  • Introduction
  • High Order Component (HOC)
  • Advanced Guides
  • Migrating
  • Contributing

Community

  • Stack Overflow
  • User Showcase
  • Help
  • Contributors

More

  • GitHub
  • GitHub stars
TypeScript Cheatsheets Logo
Copyright ยฉ 2021 TypeScript Cheatsheets