labenuexercicios / custom-hooks-exercicios

Custom Hooks - Exercícios

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

O que você precisa saber e praticar desta aula?

1. Criação de Custom Hooks
2. Implementação de Custom Hooks

Como eu vou executar os exercícios?

Você pode usar este template do github ou o template do codesandbox

No exercicios de hoje vamos utilizar a API do Star Wars. Ela é uma API pública que fornece dados relacionados ao universo Star Wars, incluindo informações sobre filmes, personagens, planetas, naves espaciais, espécies e muito mais. https://swapi.dev/

No exercício de hoje você deverá criar um Custom Hook de requisição que seja reutilizado nas três páginas do site: filmes(FilmListPage.js), personagens(CharactersListPage.js) e naves(StarShipsListPage.js) do Star Wars.

Exercício 1

Extraia a lógica das requisições já existente no template e construa três custom hooks:

• useGetFilms (Custom Hook para pegar os filmes do Star Wars)
• useGetCharacter (Custom Hook para pegar o nome dos personagens do Star Wars)
• useGetStarShips (Custom Hook para pegar as naves do Star Wars)

Exercício 2

• Utilize o exemplo do useRequestData do material assíncrono e reorganize o código do exercício 1, de modo a permitir a reutilização da lógica para todas as requisições projeto.

Exercício 3

Atualize o useRequestData do exercício anterior:

• Faça o tratamento de erros: ele deve mostrar os erros de requisição para o usuário.
• Adicione um indicador de carregamento: o usuário deve saber que os dados estão sendo carregados.
• Utilize o nome "isLoading" como variável de estado.