Typescript Utility Types Type Composition Inference Helpers Type Safe API Response Patterns

TypeScript1 September 20263 menit baca

Typescript Utility Types Type Composition Inference Helpers Type Safe API Response Patterns

Definisi

Utility Types adalah tipe bawaan TypeScript yang mengubah tipe lain menjadi bentuk baru (misal Partial, Pick, Omit, Record). Type composition adalah menyusun tipe kecil menjadi tipe domain yang utuh, sehingga tipe tetap readable dan mudah dirawat.

Kapan dipakai

Pakai Utility Types tiap kali kamu perlu varian dari tipe yang sudah ada: form draft (Partial), response API (Omit field internal), map key-value (Record). Jangan menulis ulang tipe secara manual tiap kali butuh sedikit perubahan.

Cara kerja

Utility Types umum

type User = {
    id: string;
    name: string;
    email: string

Selesai membaca dokumentasi ini?

Kembali ke rujukan utama TypeScript untuk melanjutkan topik lainnya.

Kembali ke Kategori

function asConst<T extends string>(values: readonly T[]) {
    return values;
}
 
const ROLES = asConst(['admin', 'editor', 'viewer']);
type Role = typeof ROLES[number]; // 'admin' | 'editor' | 'viewer'

type ApiResponse<T> =
    | { ok: true; data: T }
    | { ok: false; error: string };
 
async function getJSON<T>(url: string): Promise<ApiResponse<T>> {
    const res = await fetch(url);
    if (!res.ok) {
        return { ok: false, error: res.statusText };
    }
    return { ok: true, data: (await res.json()) as T };
}

Typescript Utility Types Type Composition Inference Helpers Type Safe API Response Patterns | Rujukan Pemrograman | Mahir.dev Academy

Typescript Utility Types Type Composition Inference Helpers Type Safe API Response Patterns

Typescript Utility Types Type Composition Inference Helpers Type Safe API Response Patterns

Definisi

Kapan dipakai

Cara kerja

Utility Types umum

Selesai membaca dokumentasi ini?

Type composition

Inference helper

Type-safe API response

Struktur alur komposisi

Catatan implementasi

Kesalahan umum

Referensi terkait