Reactレンダリングを視覚的に追跡するためのネイティブツールですか？

Question

私は多くのコンポーネントを持つ複雑なビューを持っています。私はパフォーマンスを最適化したいと思いますが、アプリケーションのいくつかの部分が何の理由もなく再レンダリングされていると思われますが、どのアプリケーションが問題であるかを視覚的に見ることはできません。アプリケーションを使用しているときに画面のどの部分が状態変化に再描画されるかを視覚的に表示するツールはありますか？

Answer 1

私は最後にhttps://github.com/redsunsoft/react-render-visualizerを見つけました。もう1つのツールhttps://github.com/garbles/why-did-you-updateもありますが、再レンダリングされたコンポーネントはコンソールにログに記録されます。しかし、それでも、便利なツールです。