cssinjs/jss

Performance issue when removing many nodes

Open

#1.404 aberto em 8 de out. de 2020

Ver no GitHub
 (0 comments) (0 reactions) (0 assignees)JavaScript (7.000 stars) (434 forks)batch import
help wantedperf

Description

Hello, I noticed that when using with React, JSS causes a lag when removing many nodes. This is screenshot when removing 80 000 nodes.

Versions (please complete the following information):

  • jss: 10.4.0
  • Browser: Chrome
  • OS: macOS

Guia do colaborador

Pilha de tecnologia
javascriptreact
Domain
frontendperformance
Tipo Issue
performance
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
3
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
1-3 hours
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
stale
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
mostly clear
Prerequisites
familiarity with JSS librarybasic React performance knowledge
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
20
Direção de pesquisa
Profile the removal operation to identify the bottleneck. Focus on JSS's internal handling of style removal, particularly the `remove` or `detach` methods. Consider using React Profiler to measure component re renders. Check if the issue persists in the latest version of JSS.