We've just released a new full-length tutorial on the freeCodeCamp.org YouTube channel that will teach you how to use TypeScript with React. If you’ve been building React apps but feeling like you’re

freeCodeCamp is a nonprofit organization offering free online coding courses and programming tutorials, covering topics such as web development, data science, and machine learning. Learners can gain practical coding skills, build real-world projects, and earn certifications to advance their careers in tech.

freeCodeCamp

A freeCodeCamp tutorial teaching how to use TypeScript with React, covering TypeScript basics, typing useState, component architecture with custom prop types, and passing typed function props between components. The course walks through refactoring a real-world project to be fully type-safe, improving readability and maintainability. Available as a 1-hour video on YouTube.

Level Up Your React Skills with Typescript

TypeScript improves App maintainability. My last React project (.jsx) had to be scanned through SonarQube and as a result, it had more than 2k issues. most of them are from maintainability. So I suggest using TypeScript guys, you’ll thank me later 👍

Cool I’m sure this will help lots of people out.

This is a great practical entry point — going in via refactoring a real project instead of toy examples is way more useful for actually internalizing typed props and <code>useState</code> generics. Anyone who’s fought with “why is my prop typed as <code>any</code>” will get a lot out of the custom prop types section. Curious if it covers typing children/render props too, since that’s usually where people get tripped up next.