Skip to content

Timer feito em React no intuito de mostrar algumas boas práticas com a lib.

Notifications You must be signed in to change notification settings

Iscrimou/timer-react

Repository files navigation

Timer React

Projeto simples de um timer feito em React + Vite, mostrando um pouco sobre boas práticas com o React. Por se tratar de um projeto simples, mais ligado a manipulação de tempo e countdown, somente alguns pontos foram abordados.

Seguintes pontos abordados:

  • Uso de constante para definir um valor de time inicial.
  • Um único estado pra guardar o tempo em segundos (Unidade de medida base que atende a maioria dos casos de uso).
  • Utilização de métodos do Javascript para as resoluções tanto em script quanto no render.
  • Manipulção visual do tempo apenas no render respeitando a lógica e evitando problemas de cálculo.
  • Utilização de function para manipular o estado evitando ter que trabalhar com old value, garantindo melhor performance da aplicação.

Instalação e uso

Com o Node/NPM instalados, execute os seguintes passos:

   git clone https://github.com/Iscrimou/timer-react.git

Entre no diretório do projeto e execute:

   npm install
   npm run dev

No navegador, teste utilizando o link localhost:5173.

About

Timer feito em React no intuito de mostrar algumas boas práticas com a lib.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published