TypeScript with APIs
Model API responses and requests using TypeScript so your frontend and backend stay in sync.
David Miller
December 1, 2025
2.7k91
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
#TypeScript#Advanced#APIs