Caso não lembre como funciona o processo de entrega, clique aqui
- Integração de API usando o axios
- Uso de hooks (useState e useEffect)
- Consumo de API Rest (métodos get/post/put/delete)
- Sintaxe
async
eawait
Vamos continuar utilizando a API do Labefy para fazer os exercícios de hoje. Neste exercício, vamos acessar os endpoints faltantes através da nova sintaxe vista em aula (async
e await
).
Para executar este exercício, você pode reutilizar a sua aplicação React do exercício da aula passada, ou o template no CodeSandbox do mesmo.
Vamos relembrar um pouco o que foi feito até agora? Leia novamente a documentação da API e analise como você consumiu cada endpoint no seu código até o momento.
Viu alguma diferença em como utilizar os métodos GET
, POST
e DELETE
da API?
Vamos então deixar o nosso projeto mais robusto e adicionar uma nova funcionalidade: procurar por uma playlist. Adicione esse novo endpoint
no seu código utilizando a sintaxe do async
e await
. Lembre-se do tratamento de erros e das constantes.
Por fim, vamos agora adicionar a funcionalidade de deletar uma playlist. Caso você tenha alguma dificuldade nas requisições, pode conferir como foi utilizado no exercício passado.