- Descobrir o que está errado na classe HSL
-
service-worker.ts:60
Modificar esta linha para que o cacheamento suporte outros formatos de arquivo -
service-worker.ts:67
Modificar esta linha adicionando a propriedademaxAgeSeconds
para fazer com que a memória cache seja limpa após um dia e diminuir o valor demaxEntries
(lembrar o porquê)
Este app é um exemplo genérico de uma aplicação React que serve como um repositório de demonstração para ilustrar estratégias eficazes de atualização e cache. O foco deste repositório reside na solução para o problema de manter o conteúdo atualizado e acessível, enquanto otimiza a experiência do usuário.
No contexto deste projeto, destacamos a estratégia "stale-while-revalidate" (stale enquanto revalida). Esta abordagem permite que o aplicativo apresente conteúdo armazenado em cache (ou seja, "stale") aos usuários, enquanto realiza uma solicitação para buscar e validar os dados mais recentes. Essa técnica é especialmente valiosa em situações em que a latência da rede pode impactar o desempenho, permitindo que os usuários acessem instantaneamente o conteúdo, mesmo quando os dados são atualizados em segundo plano.
Este foi o quarto repositório de código apresentado no Curso Superior de TSI do IFMS como requisito para obtenção da nota parcial das atividades da unidade curricular Linguagem de Programação IV.
← Repositório anterior | Próximo repositório → |
---|
As seguintes tecnologias foram utilizadas para desenvolver este app:
Papel | Tecnologia |
---|---|
Ambiente de execução | Node |
Linguagem de programação | TypeScript |
Ambiente de desenvolvimento | create-react-app |
Biblioteca de interface de usuário | React |
-
Clone o repositório de código em sua máquina;
-
Abra um shell de comando de sua preferência (prompt de comando, PowerShell, terminal etc.);
-
Instale as dependências do projeto através do seguinte comando:
$ npm install
Caso esteja utilizando o gerenciador de pacotes Yarn, execute o seguinte comando como alternativa:
$ yarn
- Finalmente, execute o seguinte comando para iniciar o app:
Para npm:
$ npm run start
Para Yarn:
$ yarn start