Best practices advanced TypeScript tips for React devs

Are you a React developer trying to get the most benefits from TypeScript? Then this is the course for you.
Best practices advanced TypeScript tips for React devs
File Size :
1.20 GB
Total length :
3h 33m



Maurice de Beijer


Last update




Best practices advanced TypeScript tips for React devs

What you’ll learn

How to get the most out of TypeScript when writing React applications
Configure TypeScript in an even stricter mode
Validate data in a TypeScript friendly way at the application boundary
Use better constructs then casting to inform TypeScript about the types used

Best practices advanced TypeScript tips for React devs


A basic understanding of React
A basic understanding of TypeScript


Are you tired of dealing with runtime bugs in your React applications? Want to improve the reliability and efficiency of your code without a lot of extra effort? Look no further! In this interactive course, I’ll be sharing simple techniques and settings to enhance your TypeScript usage when developing React applications.By utilizing TypeScript’s ability to check our code, we can catch potential errors early on in the development process. This not only saves time, but also leads to a better user experience as bugs are less likely to reach production.We’ll start by diving into the basics of declaring React components using TypeScript, and then move on to more advanced concepts such as using types like any, unknown and never, type predicates, and exhaustive checking. You’ll also learn about built-in mapped types and how to create your own custom type maps. Plus, we’ll explore the power of conditional types and type inferring in the TypeScript type system.By the end of this course, you’ll have the skills and knowledge to take your React applications to the next level, making them more reliable and efficient than ever before. Don’t miss this opportunity to improve your development skills and create a better user experience. Enroll today!


Section 1: Introduction

Lecture 1 Introduction

Lecture 2 Personal introduction

Lecture 3 Prerequisites

Lecture 4 Cloning the GitHub repository

Section 2: Assignments

Lecture 5 Compiling the code

Lecture 6 React Components using TypeScript

Lecture 7 Mutually exclusive component props

Lecture 8 More TypeScript strict features

Lecture 9 Validating data at the boundary

Lecture 10 Inferring TypeScript types

Lecture 11 Generic React component prop types

Lecture 12 Deriving component prop types

Lecture 13 Inferring Zod schema types

Lecture 14 Type mapping with Omit<> and/or Pick<>

Lecture 15 Using Readonly<>

Lecture 16 Custom type mapping DeepReadonly<>

Lecture 17 Displaying TypeScript mapped types

Lecture 18 Type Predicate Functions

Lecture 19 Type Assertion Functions

Lecture 20 Exhaustiveness Checking

Section 3: Conclusion

Lecture 21 Course conclusions

React developers who want to build more reliable applications,React developers looking to upgrade their TypeScript skills,TypeScript developers looking to upgrade their React skills

Course Information:

Udemy | English | 3h 33m | 1.20 GB
Created by: Maurice de Beijer

You Can See More Courses in the Developer >> Greetings from

New Courses

Scroll to Top