TypeScript Pick Utility Type

`Pick< T, K >` bir objenin sadece belirli alanlarını seçerek yeni bir tip oluşturur. Özellikle büyük objelerden sadece ihtiyaç duyulan alanlarla çalışmak için idealdir.

Pick Ne Yapar?

type User = {
    id: number;
    name: string;
    email: string;
  };
  
  type UserPreview = Pick<User, "id" | "name">;
  
  // UserPreview:
  // {
  //   id: number;
  //   name: string;
  // }

`Pick`, verdiğiniz alan isimlerine göre yeni bir tip üretir. Diğer alanlar dışarıda bırakılır.

Pratik Kullanım: Giriş Ekranı Bilgileri

function showUser(user: Pick<User, "name" | "email">) {
    console.log(`${user.name} <${user.email}>`);
  }
  
  showUser({ name: "Alice", email: "alice@example.com" });
  // Output: Alice <alice@example.com>

Sadece isim ve e-posta gereken bir senaryoda `Pick< User, "name" | "email" >` tipini kullanabiliriz.

ID Bazlı Veri Gösterimi

const shortInfo: Pick<User, "id"> = {
    id: 123
  };
  
  console.log(shortInfo);
  // Output: { id: 123 }

Bazı durumlarda sadece tek bir alanı çekmek bile yeterli olabilir. Bu örnekte sadece `id` kullanıldı.

Ne Zaman Kullanılır?

Component'lere props olarak sadece gerekli verileri geçirmek, API'den dönen verileri filtrelemek gibi durumlarda `Pick` çok kullanışlıdır.