Skip to content

Commit d80dc7e

Browse files
authored
Update README.md
1 parent 14827c7 commit d80dc7e

File tree

1 file changed

+6
-1
lines changed

1 file changed

+6
-1
lines changed

README.md

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -153,10 +153,15 @@ If you click on any bar, it will tell you what caused those components to re-ren
153153

154154
This table is telling you that there were 4 of this type of component rendered, and all 4 of them had their `close`, `style`, and `hide` props change. If those didn't change, and the component was `React.memo`'d, it would not have rendered
155155

156-
If you click the arrow on the side of each bar, it will show you the ancestors of the components that rendered that component, along with how long it took to render that ancestor. This is great for giving context to what component you're looking for:
156+
If you click the arrow on the side of each bar, it will show you the ancestors of the components that rendered that component, along with how long it took to render that ancestor. This is great for giving context to understand what component you're looking at:
157157

158158
<img width="425" alt="image" src="https://github.com/user-attachments/assets/7ad8f7f6-1514-4852-988a-63efb79c5cbf" />
159159

160+
If you hover your mouse over a bar, all instances of that component will be outlined in purple over the page:
161+
162+
<img width="1197" alt="image" src="https://github.com/user-attachments/assets/b1c6e9f4-97a7-4405-90f4-537938c7a2cc" />
163+
164+
160165
#### Overview
161166
The overview gives you a high level summary of what time was spent on during the slowdown or interaction.
162167

0 commit comments

Comments
 (0)