جنریک‌های تایپ‌اسکریپت بدون سردرد

function identity<T>(value: T): T {
  return value;
}

identity<string>("hello"); // string
identity(42);              // number — استنتاج خودکار

function firstElement<T>(arr: T[]): T | undefined {
  return arr[0];
}

const name = firstElement(["آنا", "بن"]); // string | undefined

function getLength<T extends { length: number }>(item: T): number {
  return item.length;
}

getLength("text");   // 4
getLength([1, 2]);   // 2

type Unwrap<T> = T extends Promise<infer U> ? U : T;

type A = Unwrap<Promise<number>>; // number
type B = Unwrap<string>;          // string

function Stack<T extends { id: string }>({ items }: { items: T[] }) {
  return <div>{items.map((i) => <span key={i.id}>{i.id}</span>)}</div>;
}