You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
@@ -65,9 +65,9 @@ The Scheduler is an internal React concept used for managing tasks with differen
65
65
Every render pass consists of multiple phases that you can see on a timeline:
66
66
67
67
-**Update** - this is what caused a new render pass.
68
-
-**Render** - React renders the updated subtree by calling render functions of components. You can see the rendered components subtree on [Components track](#components), which follows the same color scheme.
68
+
-**Render** - React renders the updated subtree by calling the render functions of components. You can see the rendered components subtree on [Components track](#components), which follows the same color scheme.
69
69
-**Commit** - After rendering components, React will submit the changes to the DOM and run layout effects, like [`useLayoutEffect`](/reference/react/useLayoutEffect).
70
-
-**Remaining Effects** - React runs passive effects of a rendered subtree. This usually happens after the paint, and this is when React runs hooks like [`useEffect`](/reference/react/useEffect). One known exception is user interactions, like clicks, or other discrete events. In this scenario, this phase could run before the paint.
70
+
-**Remaining Effects** - React runs the passive effects of a rendered subtree. This usually happens after the paint, and this is when React runs hooks like [`useEffect`](/reference/react/useEffect). One known exception is user interactions, like clicks, or other discrete events. In this scenario, this phase could run before the paint.
@@ -140,7 +140,7 @@ In development builds, when you click on a component render entry, you can inspe
140
140
141
141
The Server Requests track visualized all Promises that eventually end up in a React Server Component. This includes any `async` operations like calling `fetch` or async Node.js file operations.
142
142
143
-
React will try to combine Promises that are started from inside third-party code into a single span representing the the duration of the entire operation blocking 1st party code.
143
+
React will try to combine Promises that are started from inside third-party code into a single span representing the duration of the entire operation blocking 1st party code.
144
144
For example, a third party library method called `getUser` that calls `fetch` internally multiple times will be represented as a single span called `getUser`, instead of showing multiple `fetch` spans.
145
145
146
146
Clicking on spans will show you a stack trace of where the Promise was created as well as a view of the value that the Promise resolved to, if available.
@@ -151,9 +151,9 @@ Rejected Promises are displayed as red with their rejected value.
151
151
152
152
The Server Components tracks visualize the durations of React Server Components Promises they awaited. Timings are displayed as a flamegraph, where each entry represents the duration of the corresponding component render and all its descendant children components.
153
153
154
-
If you await a Promise, React will display duration of that Promise. To see all I/O operations, use the Server Requests track.
154
+
If you await a Promise, React will display the duration of that Promise. To see all I/O operations, use the Server Requests track.
155
155
156
156
Different colors are used to indicate the duration of the component render. The darker the color, the longer the duration.
157
157
158
-
The Server Components track group will always contain a "Primary" track. If React is able to render Server Components concurrently, it will display addititional "Parallel" tracks.
158
+
The Server Components track group will always contain a "Primary" track. If React is able to render Server Components concurrently, it will display additional "Parallel" tracks.
159
159
If more than 8 Server Components are rendered concurrently, React will associate them with the last "Parallel" track instead of adding more tracks.
0 commit comments