From 16a9caa555a2d63b7ff8af0731fbfd3231d6225c Mon Sep 17 00:00:00 2001
From: Jacky Zhao <j.zhao2k19@gmail.com>
Date: Mon, 16 Sep 2024 01:05:17 +0000
Subject: [PATCH] perf: eagerly compute explorer nodes to avoid re-render in memoized value
---
quartz/components/ExplorerNode.tsx | 13 ++++---------
1 files changed, 4 insertions(+), 9 deletions(-)
diff --git a/quartz/components/ExplorerNode.tsx b/quartz/components/ExplorerNode.tsx
index e57d677..3137a3f 100644
--- a/quartz/components/ExplorerNode.tsx
+++ b/quartz/components/ExplorerNode.tsx
@@ -224,15 +224,10 @@
class="content"
data-folderul={folderPath}
>
- {node.children.map((childNode, i) => (
- <ExplorerNode
- node={childNode}
- key={i}
- opts={opts}
- fullPath={folderPath}
- fileData={fileData}
- />
- ))}
+ {node.children.map((childNode) =>
+ // eagerly render children so we can memoize properly
+ ExplorerNode({ node: childNode, opts, fileData, fullPath: folderPath }),
+ )}
</ul>
</div>
</li>
--
Gitblit v1.10.0