## Utility Types TypeScript має вбудовані utility types, які допомагають трансформувати типи. ### `Partial` Робить усі поля необовʼязковими. ```ts type User = { id: string; name: string; email: string; }; type UpdateUserDto = Partial; ``` Тепер `UpdateUserDto` означає: ```ts { id?: string; name?: string; email?: string; } ``` Корисно для update-запитів: ```ts const updateUser = (id: string, data: Partial) => { // update logic }; ``` --- ### `Pick` Бере тільки потрібні поля. ```ts type UserPreview = Pick; ``` Результат: ```ts { id: string; name: string; } ``` Корисно, коли для UI не потрібен весь обʼєкт. --- ### `Omit` Викидає певні поля. ```ts type CreateUserDto = Omit; ``` Результат: ```ts { name: string; email: string; } ``` Корисно, бо `id` часто створюється на бекенді. --- ### `Record` Створює обʼєкт із ключами певного типу. ```ts type Role = 'admin' | 'user' | 'guest'; const permissions: Record = { admin: ['create', 'read', 'update', 'delete'], user: ['read'], guest: [], }; ``` Якщо забути якийсь role, TypeScript покаже помилку. --- ## Типізація API У реальних проєктах типізація API - одна з найважливіших частин. Приклад типу користувача: ```ts type User = { id: string; name: string; email: string; createdAt: string; }; ``` Функція для отримання користувача: ```ts const getUser = async (id: string): Promise => { const response = await fetch(`/api/users/${id}`); if (!response.ok) { throw new Error('Failed to fetch user'); } return response.json(); }; ``` Але тут є нюанс: `response.json()` типізується як `unknown` (або залежить від налаштувань), а приведення до `User` без перевірки - це довіра з твого боку, не гарантія з боку сервера. Краще мати загальний helper: ```ts const apiFetch = async (url: string): Promise => { const response = await fetch(url); if (!response.ok) { throw new Error('API request failed'); } return response.json() as Promise; }; ``` Використання: ```ts type Product = { id: string; title: string; price: number; }; const user = await apiFetch('/api/users/1'); const products = await apiFetch('/api/products'); ``` Приклад з API response wrapper: ```ts type ApiResponse = { data: T; message: string; success: boolean; }; ``` ```ts const response = await apiFetch>('/api/users/1'); console.log(response.data.name); ```

TypeScript у проєкті

TypeScript у проєкті