使用新的自定义主页功能

开发
45

我一直在大量使用它，以及我的 Homepage Blocks 组件。两个建议：

默认类

我调整了组件，使其始终将 homepage 类添加到 body，并将 active 类添加到具有 href=\"/custom\" 的侧边栏链接。这些功能可能可以作为修饰符的默认设置？

  api.onPageChange(() => {
    const currentRoute = router.currentRoute.name;
    const customHomepageLink = document.querySelector(
      '.sidebar-section-link[href=\"/custom\"]'
    );

    if (currentRoute === "discovery.custom") {
      document.body.classList.add("homepage");
      if (customHomepageLink) {
        customHomepageLink.classList.add("active");
      }
    } else {
      document.body.classList.remove("homepage");
      if (customHomepageLink) {
        customHomepageLink.classList.remove("active");
      }
    }
  });
});

（我最初想默认添加侧边栏链接，但无法在界面上编辑这样的链接对我来说似乎是一个真正的缺点，请参阅 https://meta.discourse.org/t/how-can-i-edit-sidebar-links-that-are-added-with-api-addcommunitysectionlink/357629）

快速首次绘制

我不知道如何在技术上实现这一点。但我想知道，如果我们访问一个自定义主页，通常会显示有限的内容选择，我们能否改进主页的 FCP，并在应用程序的其余部分加载时就渲染它？也许我误解了单页应用程序的架构……首先看到加载动画，然后进入一个相当简单的页面，而这个页面本身可以立即显示，这让人感觉有点令人失望。

4 个赞