Skip to content

Commit

Permalink
[DevTools Changelog] Add a note about restoring selection (#16409)
Browse files Browse the repository at this point in the history
Also a tiny nit, "inline" spelling seems more common in this context. My eyes stumbled at it on every read.
  • Loading branch information
gaearon authored Aug 15, 2019
1 parent 600c57a commit 6f86294
Showing 1 changed file with 9 additions and 3 deletions.
12 changes: 9 additions & 3 deletions packages/react-devtools/CHANGELOG.md
Original file line number Diff line number Diff line change
Expand Up @@ -41,9 +41,9 @@ Host nodes (e.g. HTML `<div>`, React Native `View`) are now hidden by default, b

Filter preferences are remembered between sessions.

#### No more in-line props
#### No more inline props

Components in the tree no longer show in-line props. This was done to [make DevTools faster](https://github.com/facebook/react/blob/master/packages/react-devtools/OVERVIEW.md) and to make it easier to browse larger component trees.
Components in the tree no longer show inline props. This was done to [make DevTools faster](https://github.com/facebook/react/blob/master/packages/react-devtools/OVERVIEW.md) and to make it easier to browse larger component trees.

You can view a component's props, state, and hooks by selecting it:

Expand Down Expand Up @@ -101,6 +101,12 @@ Components decorated with multiple HOCs show the topmost badge and a count. Sele

![Screenshot showing a component with multiple HOC badges](https://user-images.githubusercontent.com/29597/62303729-7fadbb00-b431-11e9-8685-45f5ab52b30b.png)

#### Restoring selection between reloads

DevTools now attempts to restore the previously selected element when you reload the page.

![Video demonstrating selection persistence](https://user-images.githubusercontent.com/810438/63130054-2c02ac00-bfb1-11e9-92fa-382e9e433638.gif)

#### Suspense toggle

React's experimental [Suspense API](https://reactjs.org/docs/react-api.html#suspense) lets components "wait" for something before rendering. `<Suspense>` components can be used to specify loading states when components deeper in the tree are waiting to render.
Expand Down Expand Up @@ -139,4 +145,4 @@ Because this feature adds a small amount of overhead, it can be disabled in the

The profiler now displays a list of each time the selected component rendered during a profiling session, along with the duration of each render. This list can be used to quickly jump between commits when analyzing the performance of a specific component.

![Video demonstrating profiler's component renders list](https://user-images.githubusercontent.com/29597/62234547-bcb97500-b37f-11e9-9615-54fba8b574b9.gif)
![Video demonstrating profiler's component renders list](https://user-images.githubusercontent.com/29597/62234547-bcb97500-b37f-11e9-9615-54fba8b574b9.gif)

0 comments on commit 6f86294

Please sign in to comment.