Скачать или смотреть Dominando o Consumo de APIs no Nuxt 3: Adeus Axios, Olá useFetch e useAsyncData!

🚀 Dominando o Consumo de APIs no Nuxt 3: Adeus Axios, Olá useFetch e useAsyncData! 🚀

Seja bem-vindo a mais um vídeo, hoje mergulharemos no universo das requisições AJAX no Nuxt 3! No início, abordaremos a razão pela qual o core team do Nuxt desaconselha o uso do Axios, explorando os desafios do XmlHttpRequest e como isso impacta o SSR (Server Side Rendering) e Web Workers.

A solução? Conheça o poder do useFetch para requisições simples e o versátil useAsyncData para tarefas mais elaboradas, como acessar dados de mais de um endpoint simultaneamente.

Mas as novidades não param por aí! Vou guiá-lo na criação de um plugin personalizado, utilizando a biblioteca OFetch, onde configuraremos o baseURL e implementaremos um interceptor para adicionar a propriedade Authorization ao header de cada requisição, garantindo segurança e eficiência.

Prepare-se para desbravar o futuro do Nuxt 3 e transformar suas interações com APIs. Assista agora e eleve seu conhecimento para o próximo nível!

⚡️ Links Úteis:

Repositório do projeto: https://github.com/taikio/nuxt-3-apis

Repositório da biblioteca ohfetch: https://github.com/unjs/ofetch
Documentação do Nuxt 3: https://nuxt.com/docs/getting-started...

🔔 Inscreva-se, deixe seu like e ative as notificações para mais conteúdos incríveis sobre desenvolvimento web!

#Nuxt3 #APIs #DesenvolvimentoWeb #FrontendDevelopment #VueJS

0:00 Introdução
0:26 Por que não usar o Axios
2:33 Apresentando o OFetch
07:20 Iniciando projeto prático
12:37 Exemplo useFetch
29:48 Exemplo useAsynData
39:29 Exemplo OFetch
1:12:23 Conclusão

=====================================

Music from Uppbeat (free for Creators!):
https://uppbeat.io/t/noxz/a-dirty-chai
License code: F0S3HBTONOTGS2IK