Analisar o desempenho do color responsive e corrigir possíveis quedas de perfomance.
- Alto número de re-render da função alteraCor ao manipular o size da janela
- Implementado um debouce para um delay na hora de chamar a função alteraCor
Analisar o desempenho de uma aplicação de chat e buscar pelo menos três soluções efetivas que a torne mais eficiente e performática.
- Método do array MAP não possui keys.
- Implementar uma key no ChatMessageList
- Cada nova mensagem gerada, re-renderiza várias vezes
- memo no myChatMessage e chatMessage
- Busca mensagem está renderizando novamente a cada novo input
- Debounce no setBuscaMensagem
- No alto número de mensagens o aplicativo fica muito pesado
- Pagiação e adicão de um buttom para chamar mensagens mais antigas
No diretório raiz do projeto execute:
- Para instalar as dependências
npm install - Para iniciar o projeto
npm start - Para acessar Color Responsive, chamar o
ColorResponsiveno lugar deChatno src/App.tsx - Para acessar Chat, chamar o
Chatno lugar deColorResponsiveno src/App.tsx
Copyright ☕ 2022 laripeanuts