到目前为止,DevTools通常只提供信息而不提供具体的建议。例如,Profiler显示哪些组件相对于彼此更快或更慢,但不提供关于多慢是太慢或何时/何处应添加记忆的建议。
考虑添加到DevTools中可能会有一些整体架构和UX。
DevTools可能会警告的事项:
undefined
返回值(可能表示意外提前返回)- 渲染速度“太慢”的组件(高于某个阈值)
- 当有同步更新时(例如,建议
useTransition
) - 当记忆(例如
React.memo
或useMemo
)可能有帮助时 - 多通道渲染
也许我们可以添加一个审计模式来检查一个特定的组件(或整个树)是否存在上述问题。
1条答案
按热度按时间2skhul331#
这是一个令人惊奇的想法,我只是在尝试想出更多的概念,可以在这里进行测试。人们如何才能决定多慢才算太慢?我们需要进行研究吗?将它与其他类似类型的组件进行比较吗?建议何时使用上下文和归约器吗?思考起来真的很有趣!