An open API service indexing awesome lists of open source software.

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.

Awesome Lists containing this project

README

          

# TanStack Concepts


Gif da Aplicação





GitHub language count

GitHub top language

GitHub repo size in bytes








GitHub code size in bytes


Made by Gabriel



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!


Gabriel Rodrigues Perez


Gabriel Rodrigues Perez


Gabriel Rodrigues Perez