Typescript Generics Development Tutorials, Guides & Insights

TypeScript provides several built-in utility types that make type manipulation easier. Some of the most commonly used utility types include Partial, Required, Pick, and Omit.

type PartialPoint = Partial<Point>; // All properties of Point are optional
type RequiredCircle = Required<Circle>; // All properties of Circle are required
type PointX = Pick<Point, 'x'>; // Only the 'x' property of Point
type CircleWithoutCenter = Omit<Circle, 'center'>; // All properties of Circle except 'center'

function formatInput(input: string | number) {
  if (typeof input === 'string') {
    return input.toUpperCase();
  }
  return input.toFixed(2);
}

const formattedString = formatInput('hello'); // 'HELLO'
const formattedNumber = formatInput(3.14159); // '3.14'

Here, input can be either a string or a number, and the function handles each case accordingly.

interface User {
  id: number;
  name: string;
  email?: string; // Optional property
}

const user: User = {
  id: 1,
  name: "John Doe"
};

TypeScript supports object-oriented programming with classes and inheritance: