[DevTools Changelog] Add a note about restoring selection (#16409)

Also a tiny nit, "inline" spelling seems more common in this context. My eyes stumbled at it on every read.
This commit is contained in:
Dan Abramov
2019-08-15 23:11:37 +01:00
committed by GitHub
parent 600c57a9b9
commit 6f86294e68

View File

@@ -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:
@@ -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.
@@ -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)