Integrar o front-end com serviços externos é um requisito básico nos dias de hoje. A Fetch API nativa do JavaScript substituiu o antigo XMLHttpRequest, oferecendo uma sintaxe limpa baseada em Promises para buscar dados na rede.
1. Fazendo uma Requisição GET Simples
O método fetch() faz a chamada de rede e retorna uma promessa de resposta. Precisamos converter o fluxo dessa resposta para JSON para ler os dados enviados pelo servidor remoto.
fetch("https://api.github.com/users/bobmello")
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error("Erro:", error));
Importante: Captura de erros com Catch
O bloco .catch() só é disparado em falhas graves de rede. Erros de servidor (como 404 ou 500) devem ser validados verificando a propriedade response.ok.