What are the best practices for using fetch in TypeScript?

What are the best practices for using fetch in TypeScript?

When using fetch in TypeScript, it's important to define types for your responses, handle errors properly, and use async/await for cleaner code.

Can you give me an example of how to type the response?

Sure! You can define an interface for your response, like this:

interface ApiResponse {
  data: string;
  success: boolean;
}

Then, you can use it with fetch:

const response = await fetch(url);
const data: ApiResponse = await response.json();

How do I handle errors when the fetch fails?

You can use a try/catch block to handle errors. For example:

try {
  const response = await fetch(url);
  if (!response.ok) throw new Error('Network response was not ok');
  const data: ApiResponse = await response.json();
} catch (error) {
  console.error('Fetch error:', error);
}