perf: eagerly compute explorer nodes to avoid re-render in memoized value

Jacky Zhao

2024-09-16 16a9caa555a2d63b7ff8af0731fbfd3231d6225c

 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>