AI Features
Log In
0% completed
All Lessons
Free Lessons (5)
Why TypeScript?
Understanding TypeScript
Understanding the benefits of TypeScript with React
Quiz
Using basic types
Understanding the types in JavaScript
Using type annotations
Understanding type inference
Understanding the any type
Understanding and using the void type
Using the never type
Using the unknown type
Using type assertions
Quiz
Creating types
Creating a strongly-typed array
Creating a strongly-typed tuple
Creating a strongly-typed object
Creating type aliases
Creating interfaces
Creating union types
Creating intersection types
Understanding type compatibility
Quiz
Working with generic types
Using some standard generic types
Creating generic functions
Creating generic interfaces
Creating generic type aliases
Creating generic classes
Quiz
Creating strongly-typed function component props
Specifying a type for function component props
Specifying a prop as optional
Specifying a default for a function component prop
Specifying a type for an object prop
Specifying a type for a function prop
Quiz
Creating strongly-typed function component state
Creating strongly-typed function component states with useState
Creating strongly-typed function component state with useReducer
Quiz
Creating strongly-typed class components
Creating strongly-typed class props
Creating strongly-typed class state
Using access modifiers
Quiz
Creating strongly-typed component events and event handlers
Creating strongly-typed event handlers
Creating strongly-typed events
Quiz
Creating strongly-typed context
Creating a simple strongly-typed context for function components
Creating a complex strongly-typed context for function components
Consuming a context in a strongly-typed class component
Quiz
Creating strongly-typed refs
Creating strongly-typed refs in function components
Creating strongly-typed refs in class components
Quiz
Creating React projects with TypeScript using Create React App
Creating a basic project
Configuring linting and adding autoformatting
Running tests and producing a production-ready build
Quiz
Creating a React and TypeScript project manually
Creating a basic project
Adding React and TypeScript
Adding Babel
Adding code linting and autoformatting
Adding Webpack
Adding npm scripts
Quiz
Putting everything together
Exercise
Tips
Summary
Home
Courses
Using TypeScript with React
Summary
We'll cover the following...
We started this course as a React developer eager to
...