How to find where your queries, temp state and components are referenced

[bradlymathews]

There is currently no good way to find everywhere a query, temp state or component is used in your app. This can make it difficult to track down bugs or refactor your app.

I have a klunky method that I use and it is at least mostly effective:

I delete the object you want to find the references of. Well, I attempt to delete it. If it does delete with no notification, it is not referenced anywhere. You can then roll back to an early version to get your object back if needed.

But if you are trying this, you know there are references and you will get a confirmation notice:

That is your list of refences! Screen cap this and you can go through them one by one to do whatever you need to do.

[ScottR]

Check this out:

Where to find JavaScript expression reference(s) requiring manual deletion when deleting component

Hey @dguzzo, welcome to the community I'm running into the same issue from time to time. I'm not aware of any additional referencing other then the Query dependencies graph which you can access with CTRL + ` (backtick). Give it a try.

[bradlymathews]

Yeah, I know about that, but my apps get so complicated so quickly that it ends up pretty unusable for me, visually and performance wise. I have made some Feature Requests on how to improve it.

Moderate sized app:

[ScottR]

I hear ya

[seokjungms]

One more vote for this feature. I always forget the shortcut and come back to this post to see where my particular queries are referenced