cssinjs/jss

Performance issue when removing many nodes

Open

#1,404 opened on 2020年10月8日

GitHub で見る
 (0 comments) (0 reactions) (0 assignees)JavaScript (7,000 stars) (434 forks)batch import
help wantedperf

説明

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

コントリビューターガイド

技術スタック
javascriptreact
領域
frontendperformance
Issue 種別
performance
難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。
3
推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。
1-3 hours
活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。
stale
明確さ期待される変更、受け入れ条件、次の手順がどれだけ明確かを示します。
mostly clear
前提条件
familiarity with JSS librarybasic React performance knowledge
初心者向け度初回貢献者にどれだけ取り組みやすいかを 1-100 で推定したスコアです。
20
調査方針
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.