react-component-tree icon indicating copy to clipboard operation
react-component-tree copied to clipboard

Highlight / autoReveal react component in tree when editing

Open raggeju opened this issue 10 months ago • 1 comments

Is your feature request related to a problem? Please describe. For me, the issue is that I cannot jump to a parent react component in any easy way. I work on a component and need to either cmd+click the component name to show usages in vscode OR I can search for it in react-component-tree and see a nice tree view. This is the issue I want to try to solve. Immediately seeing and jumping to the parent component without thinking about it.

Describe the solution you'd like Imagine if I could simply work (put marker/cursor inside the component code) on a component and the tree view would highlight it for me in the tree automatically. Right now I mostly go to search for the component I am looking for and then I get a great tree visualisation. Imagine if I didn't have to search but it would just automatically highlight it.

Describe alternatives you've considered I would find this extension 100 times more useful for if it could somehow highlight my current react-component I am working on in the tree view. BUT if it's not possible for some reason I would find it great if there was a button I could click to simply paste the current filename in the search box. That could work as a workaround.

raggeju avatar Jan 22 '25 12:01 raggeju

isnt it how it already works ?

https://github.com/user-attachments/assets/5178075a-beca-4575-98f1-d072e0e83705

it highlight the current component you are working on in the tree view, this can happen when u cmd + click on a component or manually search with cmd + p

hb1998 avatar Jan 23 '25 18:01 hb1998