colorama

Sumário

• colorama
  • Sumário
  • To-do list
  • Melhorias futuras
  • Motivação
  • Pilha de tecnologia
  • Como rodar
    • Pré-requisitos
    • Passo a passo

To-do list

• Descobrir o que está errado na classe HSL

Melhorias futuras

• 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 propriedade maxAgeSeconds para fazer com que a memória cache seja limpa após um dia e diminuir o valor de maxEntries (lembrar o porquê)

Motivação

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 →

Pilha de tecnologia

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

Como rodar

Pré-requisitos

• Node;
• Yarn (opcional).

Passo a passo

1. Clone o repositório de código em sua máquina;

2. Abra um shell de comando de sua preferência (prompt de comando, PowerShell, terminal etc.);

3. 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

4. Finalmente, execute o seguinte comando para iniciar o app:

Para npm:

$ npm run start

Para Yarn:

$ yarn start