5 TypeScript Tips Every Developer Should Know

Introduction

Over the past few years, TypeScript has become one of the most popular tools in modern web development. Built on top of JavaScript, it introduces static typing, which helps developers write safer and more maintainable code.

Many developers start using TypeScript but only scratch the surface of what it can actually do. In this article, I’ll share five simple yet powerful TypeScript tips that can help improve your development workflow and prevent common bugs.

1. Use Interfaces for Object Structures

When working with objects, using interfaces helps clearly define their structure.

interface User {
  name: string;
  age: number;
  email: string;
}

interface User {
  name: string;
  age: number;
  email: string;
}

Now every time you create a User, TypeScript will ensure that the object respects this structure.

Example:

const user: User = {
  name: "Fatima",
  age: 22,
  email: "fatima@email.com"
};

const user: User = {
  name: "Fatima",
  age: 22,
  email: "fatima@email.com"
};

This improves code readability and reliability, especially in large projects.

2. Take Advantage of Union Types

Union types allow a variable to accept multiple specific types or values.

let status: "loading" | "success" | "error";

let status: "loading" | "success" | "error";

This ensures that the variable cannot contain unexpected values.

For example:

status = "loading"; // ✅ valid
status = "done";    // ❌ error

status = "loading"; // ✅ valid
status = "done";    // ❌ error

Union types are very useful when managing application states.

3. Use Type Inference When Possible

One of the great features of TypeScript is type inference. You don't always need to explicitly define types.

Example:

let count = 10;

let count = 10;

TypeScript automatically understands that count is a number.

Overusing explicit types can make code unnecessarily verbose, so it's often better to let TypeScript infer them.

4. Make Your Types Reusable

Instead of repeating the same type definitions, you can create reusable types.

type ID = string | number;

type ID = string | number;

Now you can use ID across your application:

let userId: ID = 123;
let orderId: ID = "ORD-567";

let userId: ID = 123;
let orderId: ID = "ORD-567";

This makes your code cleaner and easier to maintain.

5. Use Optional Properties

Sometimes an object property is not always required. TypeScript allows you to define optional properties.

interface Product {
  name: string;
  price: number;
  description?: string;
}

interface Product {
  name: string;
  price: number;
  description?: string;
}

The ? means that description is optional.

Example:

const product: Product = {
  name: "Laptop",
  price: 1200
};

const product: Product = {
  name: "Laptop",
  price: 1200
};

This is extremely useful when dealing with APIs or partial data.

Conclusion

TypeScript is more than just adding types to JavaScript. When used properly, it can significantly improve the quality, safety, and maintainability of your code.

To recap, here are the five tips we covered:

Use interfaces for object structures
Take advantage of union types
Use type inference when possible
Create reusable types
Use optional properties

If you're starting your journey with TypeScript, mastering these fundamentals will already make a huge difference in how you write and structure your code.