DevTools React建议UI /架构

8ftvxx2r  于 2022-10-28  发布在  React
关注(0)|答案(1)|浏览(144)

到目前为止,DevTools通常只提供信息而不提供具体的建议。例如,Profiler显示哪些组件相对于彼此更快或更慢,但不提供关于多慢是太慢或何时/何处应添加记忆的建议。
考虑添加到DevTools中可能会有一些整体架构和UX。
DevTools可能会警告的事项:

  • undefined返回值(可能表示意外提前返回)
  • 渲染速度“太慢”的组件(高于某个阈值)
  • 当有同步更新时(例如,建议useTransition
  • 当记忆(例如React.memouseMemo)可能有帮助时
  • 多通道渲染

也许我们可以添加一个审计模式来检查一个特定的组件(或整个树)是否存在上述问题。

2skhul33

2skhul331#

这是一个令人惊奇的想法,我只是在尝试想出更多的概念,可以在这里进行测试。人们如何才能决定多慢才算太慢?我们需要进行研究吗?将它与其他类似类型的组件进行比较吗?建议何时使用上下文和归约器吗?思考起来真的很有趣!

相关问题