Mapped Types Development Tutorials, Guides & Insights

Generics are a way to create components or functions that can work with any data type while still maintaining type safety. This is particularly useful for creating reusable code.

Generics allow you to define a placeholder type that will be replaced with a specific type when the function or class is used.

function add(a: number, b: number) {
  return a + b; // inferred return type is number
}

let numbers = [1, 2, 3]; // inferred as number[]

const handler = (event: MouseEvent) => {
  console.log(event.button); // inferred as MouseEvent
};

window.onclick = handler;