Typescript for Intermediate React Front-End Engineers
Elevate your React front-end skills by mastering TypeScript: build robust, scalable, and maintainable applications with advanced typing techniques.
...
Share
TypeScript Configuration and Advanced Types
Unit 1: TypeScript Setup and Configuration
TS and React: A Love Story
tsconfig.json: The Basics
Build Tool Harmony
Linting and Formatting
Declaration Files
Unit 2: Advanced Types: Generics
Generics: The Big Picture
Generic Constraints
Generic Component Typing
Inferring Generic Types
Default Type Parameters
Unit 3: Advanced Types: Utility Types
Partial Type Magic
Required Type Enforcement
Readonly Type Protection
Pick and Omit Types
Record Type Creation
Unit 4: Advanced Types: Conditional and Mapped Types
Conditional Types Intro
Infer Keyword Magic
Mapped Types: Overview
Key Remapping
Template Literal Types
Typing React Components and Hooks
Unit 1: Typing Function Components
Basic Props Typing
Children Props
Default Props
Event Handlers
Component Return Types
Unit 2: Typing Generic Components
Generic Component Basics
Typing with Generics
Generic Return Types
Constraints
Inferring Generic Types
Unit 3: Typing Higher-Order Components
HOC Typing Basics
Prop Injection
Omitting Props
Generic HOCs
HOC Composition
Unit 4: Typing React Hooks
useState Typing
useEffect Typing
useContext Typing
useReducer Typing
Custom Hooks Typing
State Management and Forms with TypeScript
Unit 1: TypeScript and Redux
Redux Setup with Types
Typing Redux Actions
Typing Redux Reducers
Typing Redux Selectors
Async Actions with Types
Unit 2: TypeScript and Context API
Context Setup with Types
Typing the Context Value
Using Context with Types
Updating Context with Types
Context + Reducer Pattern
Unit 3: Formik and TypeScript
Formik Setup with Types
Typing Form Values
Form Validation with Yup
Accessing Form Values
Form Submission with Types
Unit 4: React Hook Form and TypeScript
RHF Setup with Types
Typing Form Fields
Validation with Yup
Accessing Form Data
Handling Form Submission
Testing, SSR, and Best Practices
Unit 1: Testing React Components with TypeScript
Testing Setup
Typing Test Components
Testing Hooks
Mocking Modules
Snapshot Testing
Unit 2: SSR and Next.js with TypeScript
Next.js Setup
Typing Pages
API Routes
Data Fetching
SSR Component Typing
Unit 3: Best Practices and Architecture
Code Organization
Design Patterns
Declaration Files
Linting and Formatting
Scaling Projects