Overlooking Conditional Types? Your Code's Loss!

🎯 TypeScript Daily Digest!

Advanced Feature: Conditional Types

Problem Statement: Ever faced situations where the type of a property depends on another type? Rather than multiple declarations or verbose code, wouldn't it be great to conditionally decide on a type?

Use Case: Based on a flag, determine if a function should return a string or a number.

Snippet:

Explanation:

ConditionalType is a TypeScript type that will resolve to either string or number based on the condition provided. If T extends true, it becomes string, else it becomes number. In our function getResponse, depending on the flag value, TypeScript will ensure we return the right type.

(Reference - https://www.typescriptlang.org/docs/handbook/2/conditional-types.html)

Real-World use-cases: