Skip to content

JonatasFreireDev/InfinitScroll

Repository files navigation

Infinite scrool - Front End

Como Executar

Para executar o projeto, voce precisa ter o node instalado na sua máquina, de preferencia na versão lts atual (18.12.0)

Assim que baixar o repositório, instale as dependencias e execute o projeto:

npm i
npm run dev

O servidor sera iniciado, assim que terminar de inicializar, clique ou copie o link exibido, e coloque no navegador.

Bibliotecas

Bibliotecas de terceiros ultilizadas:

  • Tailwindcss - Estilização dos componentes
  • Axios - Chamadas a API
  • React Query - Cache, e manipulação de requisições.
  • React Hook Form - Simplifica a maneira de lidar com formularios.
  • Vite - Esse cara faz magicas
  • Framer Motion - facilita a vida para fazer animações.
  • React Router Dom v6 - navegação entre páginas.

Técnicas aplicadas

  • Lazy loading
  • Rotas Privadas
  • Lidando com Error Boundary
  • Intersection Observer
  • Context
  • Componentes Reutilizáveis
  • Novas features do React Router Dom v6