cssinjs/jss

Performance issue when removing many nodes

Open

#1.404 geöffnet am 8. Okt. 2020

Auf GitHub ansehen
 (0 Kommentare) (0 Reaktionen) (0 zugewiesene Personen)JavaScript (7.000 Stars) (434 Forks)batch import
help wantedperf

Beschreibung

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

Contributor Guide

Tech Stack
javascriptreact
Domain
frontendperformance
Issue Type
performance
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
3
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-3 hours
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
stale
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
mostly clear
Voraussetzungen
familiarity with JSS librarybasic React performance knowledge
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
20
Research-Richtung
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.