Introduction

• Introduction
• Repositories and Sandboxes

Fundamentals

• The very basics
  • Using TypeScript without even trying
  • Migrating from PropTypes
  • Refactoring from PropTypes, an exercise
  • Refactoring from PropTypes, a solution
• Component children
  • Typing children, an exercise
  • Typing children, a solution
  • Built-in helpers for typing children in React

Typing Hooks

• Type the useState hook
  • Adding state to Accident Counter
  • useState, an exercise
  • useState, a solution
• Setting state without a default value
• State and events, an exercise
• State and events, a solution
• Passing setState and reusing events, an exercise
• Passing setState and reusing events, a solution
• TypeScript's unions in React

Working with Reducers

• Typing reducers
• Passing dispatch as a prop
• Typing actions and reducers, an exercise
• Typing actions and reducers, a solution

The Context API

• The Context API
• The Context API, an exercise
• Context API, a solution

Just Enough TypeScript

• Generics
  • A Generics Exercise
• Utility types, a tour
• Deriving a partial type for updating, a problem statement
• Deriving a partial type for updating, a solution
• Type template literals
• Type template literals, utility types, and operators

The Context API, Revisited

• Custom Context hooks
• createContext

Advanced component patterns

• Mirroring HTML components
  • Mirroring, an exercise
  • Mirroring, a solution
• Polymorphic components

Appendix: Bonus Content

There are some things that we probably won't get to in this workshop, but I'm including them as an expansion pack for you to explore.

TypeScript

• Types versus interfaces
• Function overloads

Common component patterns

• Higher-order components
• Render props
• Custom hooks

More advanced component patterns

• Limiting prop combinations
• Requiring prop combinations