typescript-cheatsheets/react

Cheatsheets for using React with TypeScript — the canonical reference for "how do I type X in React?"

What it is

A community-maintained reference for the practical patterns of typing React code in TypeScript. Covers components, props, state, hooks, refs, context, HOCs, generics, advanced patterns. Started as a single cheatsheet; expanded into a Docusaurus site with multiple sub-cheatsheets (basic, advanced, migrating, HOC, useful-hooks).

Key features

• Per-topic cheatsheet pages.
• "Do this / don't do this" code examples.
• Migrating-from-JS-to-TS guide.
• Multi-language translations.
• MIT-licensed.

Tech stack

• Markdown content; Docusaurus for the site.

When to reach for it

• You're typing React code in TypeScript and want the canonical pattern reference.

When not to reach for it

• You want introductory TypeScript — the official handbook fits.

Maturity signal

Actively maintained.

Alternatives

• React + TypeScript official docs.
• total-typescript (paid courses).

Tags

react, typescript, awesome-list, education, mit-license, learn-to-code, cheatsheet