Cheatsheets for experienced React developers getting started with TypeScript. The goal is to get effective with TS without learning too much TS. The Migrating Cheatsheet helps collate advice for incrementally migrating large codebases from JS or Flow, from people who have done it.
Table of contents
All React + TypeScript CheatsheetsPrerequisitesVS Code ExtensionsReact + TypeScript Starter KitsImport ReactVideo TutorialFunction ComponentsHooksuseStateuseReduceruseEffect / useLayoutEffectuseRefuseImperativeHandleCustom HooksMore Hooks + TypeScript reading:Example React Hooks + TypeScript Libraries:Class ComponentsTyping getDerivedStateFromPropsYou May Not Need defaultPropsTyping defaultPropsConsuming Props of a Component with defaultPropsMisc Discussions and KnowledgeTyping Component PropsBasic Prop Types ExamplesUseful React Prop Type ExamplesTypes or Interfaces?getDerivedStateFromPropsForms and EventsContextBasic ExampleExtended ExampleforwardRef/createRefPortalsError BoundariesConcurrent React/React SuspenseUnion Types and Type GuardingOptional TypesEnum TypesType AssertionSimulating Nominal TypesIntersection TypesUnion TypesOverloading Function TypesUsing Inferred TypesUsing Partial TypesThe Types I need weren't exported!The Types I need don't exist!Frequent Known Problems with TypeScriptGitHubSort: