dillon1000/react

Commit

Add fiber summary tooltip to devtools profiling (#18048)

* Add tooltip component

* Separate logic of ProfilerWhatChanged to a component

* Add hovered Fiber info tooltip component

* Add flame graph chart tooltip

* Add commit ranked list tooltip

* Fix flow issues

* Minor improvement in filter

* Fix flickering issue

* Resolved issues on useCallbacks and mouse event listeners

* Fix lints

* Remove unnecessary useCallback
Browse files
Moji Izadmehr authored 44e5f5e6451cf192af5dee3aa1f3a87119fc231e Parent 2512c30
Changed paths13 files
First-parent comparison
A packages/react-devtools-shared/src/devtools/views/Components/ProfilerWhatChanged.css AddedA packages/react-devtools-shared/src/devtools/views/Components/ProfilerWhatChanged.js AddedA packages/react-devtools-shared/src/devtools/views/Components/Tooltip.css AddedA packages/react-devtools-shared/src/devtools/views/Components/Tooltip.js AddedM packages/react-devtools-shared/src/devtools/views/Profiler/ChartNode.js ModifiedM packages/react-devtools-shared/src/devtools/views/Profiler/CommitFlamegraph.js ModifiedM packages/react-devtools-shared/src/devtools/views/Profiler/CommitFlamegraphListItem.js ModifiedM packages/react-devtools-shared/src/devtools/views/Profiler/CommitRanked.js ModifiedM packages/react-devtools-shared/src/devtools/views/Profiler/CommitRankedListItem.js ModifiedA packages/react-devtools-shared/src/devtools/views/Profiler/HoveredFiberInfo.css AddedA packages/react-devtools-shared/src/devtools/views/Profiler/HoveredFiberInfo.js AddedM packages/react-devtools-shared/src/devtools/views/Profiler/SidebarSelectedFiberInfo.css ModifiedM packages/react-devtools-shared/src/devtools/views/Profiler/SidebarSelectedFiberInfo.js Modified
Patch

Files changed

Rendering syntax-highlighted changes…