TypeScript Academy · Lesson

Practical Patterns with Union and Intersection

Apply unions and intersections in real-world scenarios.

Welcome

Union and intersection types power many real-world TypeScript patterns. This lesson explores practical combinations you'll use in production code.

Model functions or events that may or may not carry data with a union.

type Event =
  | { type: 'click'; x: number; y: number }
  | { type: 'keypress'; key: string }
  | { type: 'blur' };