TypeScript with APIs

APIs return data. Type it to avoid bugs. ## Define response type ```ts type User = { id: number; name: string; }; type ApiResponse<T> = { data: T; status: number; }; ``` ## Fetch example ```ts async function fetchUser(): Promise<ApiResponse<User>> { return { data: { id: 1, name: "Tom" }, status: 200 }; } ``` ## Use it ```ts async function main() { const res = await fetchUser(); console.log(res.data.name); } ``` ## Graph ```mermaid flowchart LR A[API] --> B[Response JSON] B --> C[Typed Object] ``` ## Remember - Always type API contracts - Generics help reuse responses