https://github.com/gabriel4420/tanstack-concepts
Este projeto foi desenvolvido para que os alunos da plataforma B7Web possam entender e aplicar os conceitos de TanStack Query.
https://github.com/gabriel4420/tanstack-concepts
nextjs14 query react tanstack-react-query typescript
Last synced: 2 months ago
JSON representation
Este projeto foi desenvolvido para que os alunos da plataforma B7Web possam entender e aplicar os conceitos de TanStack Query.
- Host: GitHub
- URL: https://github.com/gabriel4420/tanstack-concepts
- Owner: Gabriel4420
- Created: 2024-12-16T16:37:58.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2025-04-02T22:42:07.000Z (about 1 year ago)
- Last Synced: 2025-06-11T22:50:45.131Z (about 1 year ago)
- Topics: nextjs14, query, react, tanstack-react-query, typescript
- Language: TypeScript
- Homepage:
- Size: 565 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# TanStack Concepts



Este repositório tem como intuito fornecer um estudo prático sobre o uso da biblioteca TanStack Query, oferecendo uma introdução aos principais conceitos e práticas recomendadas para gerenciar dados em aplicações React.
## Tecnologias Utilizadas
Este projeto foi desenvolvido utilizando as seguintes tecnologias:
- **Next.js**: Framework React para desenvolvimento de aplicações web modernas, otimizadas e escaláveis.
- **React**: Biblioteca JavaScript para a construção de interfaces de usuário dinâmicas e reativas.
- **TanStack Query**: Biblioteca para gerenciamento de estado de dados, com recursos como cache, sincronização, e refetching de dados.
- **Tamagui**: Framework para construção de interfaces de usuário com foco em design system e desempenho.
- **TailwindCSS**: Framework de CSS utilitário para criação de interfaces rapidamente com classes de estilo simples e reutilizáveis.
- **TypeScript**: Linguagem que adiciona tipagem estática ao JavaScript, garantindo maior segurança e previsibilidade no código.
- **ESLint**: Ferramenta para análise estática de código JavaScript/TypeScript, visando garantir que o código esteja limpo e sem erros comuns.
## Instalação Local
Para rodar o projeto localmente em seu ambiente de desenvolvimento, siga os passos abaixo:
1. Clone o repositório do projeto:
```bash
git clone https://github.com/Gabriel4420/tanstack-concept
```
2. Acesse o diretório do projeto:
```bash
cd tanstack-concept
```
3. Instale as dependências do projeto:
```bash
npm install
```
4. Após a instalação das dependências, inicie o servidor de desenvolvimento:
```bash
npm run dev
```
5. Abra o seu navegador e acesse `http://localhost:3000` para visualizar o projeto em funcionamento.
## Scripts Disponíveis
- `npm run dev`: Inicia o servidor de desenvolvimento.
- `npm run build`: Cria uma versão otimizada para produção do projeto.
- `npm run start`: Inicia o projeto em modo de produção.
- `npm run lint`: Executa a análise do código utilizando ESLint.
## Contribuindo
Caso queira contribuir com melhorias para o projeto, fique à vontade para enviar um Pull Request. Fique atento às melhores práticas de codificação e tente seguir os padrões de código já definidos no repositório.
Feito com ❤️ por Gabriel Rodrigues 👋️ Entre em contato!