Typing Form Events [React + TypeScript]

TypeScript and React sometimes need a helping hand so they can play ball well together. Getting proper type inference (and intelliSense) when handling form events can be tricky sometimes. In this video I'll show you how to achieve what you need to get the compiler happy and escape-hatching only the bare minimum! 🔥



📽 Chapters

0:10​ Creating a new React app with TypeScript from scratch
0:45 Clean-up unused code from template project
0:55 Create HTML form in App.tsx
1:45 Basic styles on index.css
2:20 Style the form on App.css

6:00 Create onSubmit handler
7:54 Checking type inference tips from TypeScript Compiler straight on VSCode
8:47 Type assertion on specific target attributes in form elements
9:55 Check if everything is in place (wrap up)