How intersection combines types in Typescript - Why You Should Know This

The Big Idea

What if you could combine many rules into one without writing them all out?

The Scenario

Imagine you have two lists of rules for a game, and you want to follow both sets at the same time. Writing down every possible combined rule by hand would be confusing and take forever.

The Problem

Manually combining rules means repeating yourself, risking mistakes, and missing some combinations. It's slow and hard to keep track of all the details when rules overlap or conflict.

The Solution

Using intersection types lets you easily merge multiple sets of rules into one. It automatically requires that values meet all conditions, so you don't have to write out every detail yourself.

Before vs After

✗ Before

type A = { name: string };
type B = { age: number };
// Manually create combined type
// type C = { name: string; age: number; }

✓ After

type A = { name: string };
type B = { age: number };
type C = A & B;

What It Enables

It makes combining multiple requirements simple and safe, so your code can handle complex data without extra work.

Real Life Example

When building a user profile, you might want to combine personal info and account settings into one object that must satisfy both sets of rules.

Key Takeaways

Manual merging of types is slow and error-prone.

Intersection types combine multiple types into one automatically.

This helps write clearer, safer code with less effort.