TypeScript Tips and Tricks

TypeScript is a powerful superset of JavaScript that adds static typing to the language. Here are some useful tips and tricks that can help you write better TypeScript code.

1. Use Type Inference

TypeScript is smart enough to infer types in many cases:

// Instead of this
const name: string = "Max";

// You can do this
const name = "Max"; // TypeScript infers string type

2. Utilize Union Types

Union types are a powerful way to handle variables that could be one of several types:

type Status = "pending" | "completed" | "failed";

function handleStatus(status: Status) {
  // ...
}

3. Type Guards

Type guards help you narrow down types within conditional blocks:

function processValue(value: string | number) {
  if (typeof value === "string") {
    return value.toUpperCase(); // TypeScript knows value is a string
  }
  return value * 2; // TypeScript knows value is a number
}