React: Devtools V4: Breadcrumbs are removed?

[Anenth]

Request for feature
The older devtools used to show a breadcrumbs/component hierarchy, at the bottom, it is really useful to navigate the parent component, I couldn't find it on the new devtool, did we remove it? any reason to remove it? Will we add it back?

[gaearon]

Does the new "rendered by" section help? It should be a lot less crowded than the breadcrumb (which didn't really work well in deep hierarchies).

https://react-devtools-tutorial.now.sh/exploring-owners

https://github.com/facebook/react/blob/master/packages/react-devtools/CHANGELOG.md#rendered-by-list

[bvaughn]

did we remove it? any reason to remove it? Will we add it back?

Yes. It was removed because that space is limited and the "rendered by" list that Dan linked to seemed more valuable.

No current plans to add the old breadcrumbs UI back.

[Tecktron]

This doesn't work for me, no matter what I click on in the tree view "rendered by" NEVER shows up.

Seems like a compatibility issue since I'm stuck on an old version (16.5.2) due to some poorly thought out dependencies with other packages (inherited project) and that this no longer seems to support the older versions. Would be nice to get a notice about that when trying to use, would also be nice to know what react versions are supported by what release. Downgrade it is.

[gaearon]

16.5 is not that old. I’d expect “rendered by” to work with all supported React versions.

Are you sure your running React in development mode? This feature only works in it.

A reproducing example would be helpful.

[bvaughn]

DevTools works in a progressive enhancement way- adding the most features it can based on the current React's capabilities (i.e. version and bundle type). Some features are only available in development bundles because supporting them in a production environment would require extra metadata to be added to the bundle, "bloating" it. Owners metadata is one such thing.

I recall some complaints about the old breadcrumbs feature (particularly as someone drilled deeper into a component tree). The "rendered by" list, being a vertical list _and_ containing only owners (rather than all parents) tends to be easier to navigate, in my opinion.

[bvaughn]

I'm going to close this issue for now.

We can continue to talk here, but the original question has been answered.

[Anenth]

@gaearon @bvaughn "rendered by" will work. I was too used to the breadcrumb 😅

[AntonioRedondo]

I really miss the breadcrumbs. On deep hierarchies (dozens of levels) it makes easier to find a particular parent at some point up the hierarchy.

With the components' tree this can be challenging and in some cases ridiculously difficult because often the tree starts to fork and then you have several branches open with dozen of levels each and you get lost when trying to trace up some component in a branch.

The Rendered by section doesn't work for this use case. The Rendered by section stops showing parents when it reaches a Anonymouscomponent. Also, the Rendered by hierarchy on hover doesn't highlight components nor on the viewport nor on the component tree, feature which I think it would be nedeed because if you click on any member of the hierarchy you loose context.

I think having a breadcrumb bar would be very useful, it wouldn't take much space and it could always be disabled from the settings panel if you don't like it.