Skip to content

Commit 8258361

Browse files
author
Brian Vaughn
authored
Updated DevTools CHANGELOG
Fixed header typo
1 parent c2bb975 commit 8258361

File tree

1 file changed

+4
-4
lines changed

1 file changed

+4
-4
lines changed

packages/react-devtools/CHANGELOG.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -51,14 +51,14 @@ https://user-images.githubusercontent.com/29597/128971757-612f232f-c64f-4447-a76
5151

5252
Note that “offscreen” refers to a new API and set of features that we haven’t talked about much yet except for [some passing references](https://github.com/reactwg/react-18/discussions/18#discussioncomment-795661). We’ll talk more about it in future posts.
5353

54-
####### What are “transitions” and how do they work?
54+
###### What are “transitions” and how do they work?
5555
We recently shared an update about the new [`startTransition` API](https://github.com/reactwg/react-18/discussions/41). This API helps apps feel responsive even when there are large updates by splitting the work into (1) a quick update to show that the app has received some input and (2) a slower update (the “transition”) that actually does any heavy lifting needed as a result of the input.
5656

5757
Here is an example profile that uses the transition API. First React renders a small update that shows the user some visual feedback (like updating a controlled component or showing an inline loading indicator). Then it renders a larger update that, in this case, computes some expensive value.
5858

5959
https://user-images.githubusercontent.com/29597/129079176-0995c8c0-e95a-4f44-8d55-891a7efa35c0.mp4
6060

61-
####### How does Suspense impact rendering performance?
61+
###### How does Suspense impact rendering performance?
6262

6363
You may have heard mention of “suspense” in past talks or seen it referenced [in our docs](https://reactjs.org/docs/react-api.html#suspense). Although full support for data fetching via Suspense is [expected to be released sometime after React 18.0](https://github.com/reactwg/react-18/discussions/47#discussioncomment-847004), you can use Suspense today for things like lazy-loading React components. The new profiler shows when components suspend during render and how that impacts overall rendering performance.
6464

@@ -68,15 +68,15 @@ https://user-images.githubusercontent.com/29597/129054366-2700e7e8-0172-4f61-945
6868

6969
We plan to expand support for Suspense in the coming weeks to more explicitly show when suspense fallbacks are rendered and which subsequent renders are related to an initial update that suspended.
7070

71-
####### What else might cause a render to get delayed?
71+
###### What else might cause a render to get delayed?
7272

7373
Suspense can cause a render to get delayed as React waits for data to load, but React can also get stuck waiting on a lot of JavaScript to run.
7474

7575
React profiling tools have previously focused on only reporting what React (or React components) are doing, but any JavaScript the browser runs affects performance. The new profiler shows non-React JavaScript as well, making it easy to see when it delays React from rendering.
7676

7777
https://user-images.githubusercontent.com/29597/128971952-7c4e7e11-f4fb-497e-b643-4d9b3994b590.mp4
7878

79-
####### What can you do to improve performance?
79+
###### What can you do to improve performance?
8080

8181
Until now, DevTools (and the Profiler) has provided information without commentary. The new profiler takes a more active approach– highlighting where we think performance can be improved and providing suggestions.
8282

0 commit comments

Comments
 (0)