palantir/blueprint

Multiple re-rendering by useHotkey

Open

#5,178 建立於 2022年3月17日

在 GitHub 查看
 (4 留言) (1 反應) (0 負責人)TypeScript (2,167 fork)batch import
Domain: performanceP2Package: coreType: bughelp wanted

倉庫指標

Star
 (20,263 star)
PR 合併指標
 (平均合併 43天 10小時) (30 天內合併 27 個 PR)

描述

Inside List components (Row) have empty hotkeys. On Scrolling list - rendering Row causes App with use useHotkey to re-render.

Environment

  • Package version(s): @blueprintjs/core v4.0.0-rc.0, react-virtualized v9.22.3
  • Operating System: Mac os 12.2.1
  • Browser name and version: Chrome 99.0.4844.51

Code Sandbox

Code sandbox

Steps to reproduce

Loom - https://www.loom.com/share/f6ad7a40cdd94bc08a2f36f7ac23a5db

Actual behavior

Component is re-rendering when scrolling List

Expected behavior

Component doesn't re-rendering when scrolling List

貢獻者指南

研究方向
問題是 useHotkey 在滾動帶有空熱鍵的清單時會導致重新渲染。首先，審查 Blueprint 程式碼庫中的 useHotkey 實作（可能在 packages/core/src/components/hotkeys/ 中）。檢查其是否正確使用了 useEffect 或 useMemo。然後，檢查提供的 CodeSandbox 以重現並確定根本原因。討論潛在的修復方案，例如使用記憶化或條件式 effect 依賴項。
技術棧
typescriptreact
領域
frontend
議題類型
錯誤
難度面向新貢獻者的預計實作難度，1 表示很小改動，5 表示專家級工作。
2
預計時間有經驗貢獻者完成調查、實作、測試並準備 pull request 的粗略時間範圍。
1-3 小時
活動狀態議題目前的可參與程度：新鮮、活躍、陳舊、阻塞或等待維護者輸入。
活躍
清晰度議題是否清楚說明預期改動、驗收標準和下一步。
清晰
前置要求
Reacthooks
新手友善度1-100 的估計分數，表示該議題對首次貢獻者的友善程度。
60