Axios x Fetch: qual é a melhor biblioteca para fazer requisições HTTP em JavaScript?

Axios e Fetch são duas das bibliotecas mais populares para trabalhar com requisições HTTP em JavaScript. Mas qual delas é a melhor opção para seus projetos? Neste vídeo, vamos comparar Axios e Fetch e discutir suas principais diferenças e vantagens.
⭐ Conheça a nossa plataforma de cursos: www.horadecoda...
Começaremos explicando o que são Axios e Fetch e como elas funcionam. Axios é uma biblioteca que permite fazer requisições HTTP de maneira simples e intuitiva, enquanto
Fetch é uma API nativa do JavaScript que também permite fazer requisições HTTP.
Em seguida, falaremos sobre as principais vantagens e desvantagens de cada biblioteca.
Axios possui uma sintaxe mais simples e fácil de entender, além de oferecer recursos adicionais como interceptadores de requisições e transformadores de dados.
Por outro lado, Fetch é mais leve e rápida, além de ser uma opção nativa do JavaScript, o que pode ser uma vantagem em alguns casos.
Depois, daremos dicas sobre quando é mais adequado usar Axios ou Fetch em seus projetos.
Por exemplo, Axios pode ser uma opção mais indicada para projetos mais complexos que precisam de recursos avançados, enquanto Fetch pode ser uma opção mais adequada para projetos mais simples ou que precisam de uma biblioteca mais leve.
Por fim, vamos mostrar exemplos de como usar Axios e Fetch para fazer requisições HTTP e comparar a sintaxe de cada biblioteca.
Isso vai te ajudar a entender melhor como cada uma delas funciona e como elas podem ser usadas em seus projetos.
Se você quer saber mais sobre Axios e Fetch e escolher qual é a melhor opção para seus projetos, não perca este vídeo!
#Axios #Fetch #JavaScript
🔴 Instagram: / horadecodar
🔷 Telegram: t.me/horadecodar
🟣 Discord Hora de Codar: / discord

[@MatheusBattisti]

⭐ Conheça a nossa plataforma de cursos: horadecodar.com.br/comunidade-hora-de-codar/

[@thiagoltltur]

Cara a impressão que tenho é que você consegue ler mentes. Kkkkk passei o dia de ontem pesquisando sobre isso, aí agora aparece um vídeo novo que respondeu todas as minhas dúvidas. Perfeito!!!!!

[@Ramon_Oyster_Cult]

Axios sempre. Mais fácil (os dois são faceis, mas o Axios é mais).

[@thiagoltltur]

@@Ramon_Oyster_Cult no dia que eu fiz esse comentário minha primeira opção foi o axios,achei tão simples que fiquei com ele, e sempre uso até hoje

[@islangomes5977]

É impressionante, toda vez que penso em um assunto que preciso estudar, vc posta vídeos do conteúdo ! Show 👏👏

[@MatheusBattisti]

hahhaha valeu Islan!

[@rubenslima7475]

Explicação perfeita, muito claro.

[@MatheusBattisti]

valeu Rubens!

[@malinhodev1402]

Professor sempre com o melhor conteúdo, obrigado.

[@MatheusBattisti]

valeuu Malinho!

[@LucasOliveira-gp1ow]

Tenho quase todos os seus cursos da udemy, você é muito brabo

[@MatheusBattisti]

valeu Lucas! agora só falta entrar na Comunidade hehe

[@cristianosantos1095]

Valeu Matheus, me ajudou muito com React do zero qnd eu comecei

[@MatheusBattisti]

show Cristiano!

[@rodrigobranco4472]

Parabéns pelo conteúdo, já sou aluno seu de outro curso! DEUS te abençoe!!!

[@MatheusBattisti]

valeu Rodrigo!

[@leandrozanardo1046]

Segundo tema que procuro hoje e seu vídeo é o primeiro nas sugestões, fora a qualidade incrível. Já me inscrevi no canal!

[@pedrocfreitas]

Professor, tem alguma aula onde tem uma explicações sobre heardes?

[@weler2491]

Essa aula caiu como uma luva! Ótima didática, Matheus!

[@georgefernando]

Top esse vídeo, valeu por compartilhar.

[@MatheusBattisti]

de nada George!

[@fvgoya]

12:27 Usando o fetch, ele foi mais rápido (24ms) que o axios (46ms). Praticamente o dobro do tempo. Isso significa então que quando o volume de dados for grande, vale mais a pena usar o fetch, para manter uma boa performance do sistema?

[@iuritorres]

Up

[@sillasrafael]

UP... minha dúvida 😵‍💫

[@CarlosMaia]

Talvez nem sempre o fetch vai ser mais rápido que o Axios, ele utilizou uma API de teste da net que pode ter diferentes tempos de resposta. E convenhamos, para ver diferença de 24ms para 46ms teria que ser grandes quantidades de dados.

[@jesusvick]

disse tudo, vai depender do endpoint @@CarlosMaia

[@mbs2488]

Excelente ! Muito bem explicado ! ! Parabéns pelos vídeos ! ! !

[@renatosilva6208]

ótima didática, comprei o curso de PHP para verificar e realmente tá de parabéns ! em breve pretendo fazer parte da comunidade

[@lucasraymundo4167]

Aula sensacional, como gosto de código mais curtos, prefiro o axios agr, mt mais simples.

[@lammerez4552]

Obrigado professor

[@thiagoreduzinodacosta9802]

Fico top a aula. Parabéns 👏🏻

[@LuanHenrique-pc3nn]

Incrivelmente eu tava tendo essa dúvida ontem quando resolvi testar o Axios no lugar do Fetch kkkkk ótima aula, parabéns

[@msbhero]

Excelente vídeo. Se possível faz um vídeo sobre React Query

[@victorbenazzii]

ótimo conteúdo!

[@crodrigor]

Ótimo conteúdo, mas qual dos dois é mais recomendado usar? pesquisei sobre o fetch e vi que pode cachear os dados com ele usando o rivalidate, existe alguma forma similiar ao rivalidate no axios? Queria usar fetch por causa do cache, mas como injetar o csrf-cookie nas requisições do fetch? não acho nada na net que possa me esclarecer.

[@renanlucenasw]

Video ótimo, obrigado.

[@LucasHenrique-lq5xr]

Muito bom !

[@iuritorres]

Gente tou começando agora nesses negócios de API então se puderem ajudar aí humildes... A gente faz a requisição na API uma vez e fica reaproveitando durante o código ou faz as requisições em vários escopos/funções do código? E o que é endpoint? É tipo o domínio/endpoint?

[@CarlosMaia]

Endpoints são os métodos da API. Exemplo: uma API pode ter vários endpoints, entre eles: CadastrarCliente, AtualizarCliente, CadastrarPedido, etc...

[@augustosilva33]

Achei a leitura de erros desse api muito difícil .. Diz erro json parse linha tal bloco tal Mas não encontrei essa linha nem bloco .. Foi dureza descobrir um erro nesse api

[@rafael_rizzo]

da para colocar um caminho de um arquivo php no fetch ou no axios para ser executado e assim que trazer o resultado tratar ele no then?

[@und34djam]

Eu estava usando o fetch, mas o axios pode me poupar algumas linhas

[@paulin_do_civic]

eu achei mais prático usar o axios para fazer o método post, mas eu poderia usar o fetch depois para extrair os dados, igual vc faz no minuto 16:48 ? ou desencadeia algum erro por misturar os dois métodos?

[@Cookieukw]

da pra usar de boa

[@alinegallo7075]

E entre o ajax e o fetch?

[@mayconvsg]

Há algum contra em utilizar XMLHttpRequest? Eu prefiro usar ele.... =[

[@caiopertence1771]

Eu não sou um expert na área. Mas há certas tecnologias que com o tempo vão ficando obsoletas. XMLHttpRequest não está obsoleto, mas com certeza é mais limitado que fetch, por exemplo. XMLHttpRequest não pode ser usado em outro ambiente que não seja o browser, já fetch API pode usado no node também. Enfim, infelizmente na programação não é sobre o que a gente gosta, é sobre o quão útil essa ferramenta está sendo em comparação às outras.

[@mayconvsg]

​@@caiopertence1771 Não vejo o XMLHttpRequest sendo mais limitado que o fetch, vejo o contrário. Posso usar abort(), monitorar eventos com onload e onprogress, é mais compatível com navegadores antigos e funciona perfeitamente nos novos... A única coisa boa que consigo ver no fetch é que ele é um pouco mais simples para codar... A utilidade depende do objetivo do projeto também. Se for usar um ambiente node.js, vai ser obrigado a usar o fetch ou axios, caso contrário, pode-se usar o XMLHttpRequest sem problema algum...

[@newnessgames4797]

Como faço para comsumir api que precisa autorização?

[@CarlosMaia]

Você vai precisar enviar o token de acesso no header da requisição.

[@erick-yj6qd]

Ia Matheus beleza guerreiro rapaz nunca usei essas API até hoje eu uso ajax para fazer requisição http mas vou fazer ums testes com essas ferramentas

[@Ramon_Oyster_Cult]

Tá em que ano?? 2010?

[@erick-yj6qd]

@@Ramon_Oyster_Cult qual o problema de usar Ajax Kara

[@erick-yj6qd]

@@Ramon_Oyster_Cult o problema de vcs da área e que. Não ajudam só questionar imagino que vc e um criador de tela ou frontend

[@erick-yj6qd]

@@Ramon_Oyster_Cult não julgue ajude sou do tempo do delphi Java swing aplicação descktop não essa merda de programador que cria telinha que pra mim não considero programador seja mas homilde

[@Ramon_Oyster_Cult]

@@erick-yj6qd Imaginou errado, mas pode continuar imaginando aí. Use o que você quiser, não estou te impedindo de nada! Passar bem!