https://github.com/jveiiga/project-data-fetching

🚀⠀Projeto criado na maratona @Rocketseat com @diego3g.
https://github.com/jveiiga/project-data-fetching

css3 git html5 react reactquery typescript vitejs

Last synced: 3 months ago
JSON representation

🚀⠀Projeto criado na maratona @Rocketseat com @diego3g.

• Host: GitHub
• URL: https://github.com/jveiiga/project-data-fetching
• Owner: jveiiga
• Created: 2022-02-16T17:53:59.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2022-02-18T23:10:36.000Z (over 3 years ago)
• Last Synced: 2025-01-02T07:21:04.939Z (5 months ago)
• Topics: css3, git, html5, react, reactquery, typescript, vitejs
• Language: TypeScript
• Homepage:
• Size: 43.9 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Project Data Fetching - Projeto criado na maratona Rocketseat 🚀

A maratona Rocketseat é gratuita, voltada para profissionais, estudantes e para todo mundo que quer aprender mais sobre front-end.


## 💻 Linguagens, tecnologias e libs utilizadas

 

   

   

  

  

 

    

   

   

  

## Funcionalidades

  - Utilização de status de carregamento. 

  - Redução de requisições pelo tempo que o usuário permanece utilizando a aplicação atual.

## Instalação

    - Clonar repositorio

    $ git clone https://github.com/jveiiga/project-data-fetching.git && cd project-data-fetching

    - Instalar dependencias

    $ npm install

    - Rodar aplicativo

    $ npm run dev

## 👨‍🏫 Instrutor

- Diego Fernandes 

## 📚 Aprendizagem

  - 'Puxar' o resultado da API com React Query,

  - Carregamento de listas com staleTime para evitar o uso excesivo de requisições com React Query, 

  - Entender melhor como funciona a ligação entre as páginas com React Route Dom,

  - Organizar melhor os arquivos,

  - Entender como a acessibilidade funciona no React (encontrei alguns desafios nessa parte),

  - Componentizar melhor as tag para fazer com que as paginas tenham menos informações,

  - Pesquisar boas práticas com React, Vite e TypeScript.

  

## 📚 Desafios

  - Decode #009

    - [x] Pegar os dados da API do GitHub;

    - [x] Utilizar a lib axios para fazer o fetch;

    - [x] Construir componentes com APIs bem definidas, consistentes e reutilizáveis;

    - [x] Utilizar generics e tipagem dinâmica;

    - [x] Separar e organizar o seu código;

    - [x] Rotas com React Router Dom.

## 📂 Referencias

  

    Aula #009

      - Getting Started com Vite 


      - Generics - TypeScript 


      - React Query - Stale While Revalidate