Listagem de dados com TanStack Query

Esse projeto foi desenvolvido com foco em praticar conceitos básicos utilizando hooks da biblioteca TanStack Query para gerenciamento de estado assíncrono com React e Typescript.

Recursos utilizados

  • busca de dados utilizando protocolo HTTP state
  • cache automático + nova busca
  • consulta de páginas

Iniciar projeto

Step 1 - Instale as dependências do projeto

npm install

Step 2 - Rode o projeto

npm run dev

Step 3 - Crie um arquvio .env.local na raiz do projeto e cole a variável de ambiente abaixo

VITE_API_URL=http://localhost:3000

Step 4 - Rode a api fake (json server)

npm run server