travei na tentativa de criar um botão com a função de alterar ou interromper a contagem do cronômetro tipo como um pause ou reset. gostaria de uma ajuda seja com algum artigo, documentação ou exemplo que explica-se. desde já agradeço.
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
travei na tentativa de criar um botão com a função de alterar ou interromper a contagem do cronômetro tipo como um pause ou reset. gostaria de uma ajuda seja com algum artigo, documentação ou exemplo que explica-se. desde já agradeço.
Eu não tenho nenhum material para indicar, mas eu gostei da sua ideia e tentei implementa-la.
Não ficou 100%, mas o reset ficou quase.
Acredito que o grande problema aqui sejam os loops setTimeout e setInterval quando usados numa aplicação em React. Tem uma série de detalhes que complicam na hora de fazer o clear através de outra função chamada por outro componente. Ainda estou estudando a documentação do React para tentar achar uma luz.
Por hora, dá uma olhada no meu código: O App.tsx, com a implementação da função limparTarefas: https://github.com/dlcorreia/alura-studies/blob/master/src/pages/App.tsx
O componente do meu Cronômetro, com o restante do código: https://github.com/dlcorreia/alura-studies/blob/master/src/components/Cronometro/index.tsx
Nesse componente eu refiz a função regressiva do instrutor utilizando setInterval para evitar a recursividade que ele utilizou.
Qualquer contribuição seria muito bem vinda!
P.S.: estou evitando utilizar conhecimentos além dos que foram passados na curso...