pyterodactyl/apis-async-await-exercicios

Integração com APIs II - Exercício

Caso não lembre como funciona o processo de entrega, clique aqui

O que você precisa saber e praticar desta aula?

1. Integração de API usando o axios
2. Uso de hooks (useState e useEffect)
3. Consumo de API Rest (métodos get/post/put/delete)
4. Sintaxe async e await

Como eu vou executar os exercícios?

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.

API Labefy

Link da documentação

Exercício 1

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.

Exercício 2

Viu alguma diferença em como utilizar os métodos GET, POST e DELETE da API?

Exercício 3

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. #Exercício 4 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.

Informações úteis sobre o assunto

1. Axios (documentação)
2. Promise (MDN)
3. Usando Promises (MDN)