How do I use the Fetch API in TypeScript?

How do I use the Fetch API in TypeScript?

You can use the Fetch API in TypeScript just like in JavaScript, but with type annotations for better type safety.

Can you show me a simple example?

Sure! Here's a basic example:

fetch('https://api.example.com/data')
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error('Error:', error));

How do I handle errors in the Fetch API?

You can handle errors by using the .catch() method or by checking the response status before processing the data.

What about using async/await with Fetch?

You can use async/await for cleaner syntax. Here's an example:

async function fetchData() {
  try {
    const response = await fetch('https://api.example.com/data');
    if (!response.ok) throw new Error('Network response was not ok');
    const data = await response.json();
    console.log(data);
  } catch (error) {
    console.error('Error:', error);
  }
}
fetchData();