infinitered / infinitered/reactotron
Feature Request: Search bar in the state tab
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 15.6k
- Forks
- 972
- PR merge metrics
- No merged PRs in 30d
Description
I would like the ability to search in the State tab. The search bar itself is available in the Timeline tab which is very useful but the State tab doesn't have it.
The scenario is subscribing to the entire state tree and hence seeing lots of data. Being able to search makes it easy to locate the item we're interested in.
For example:
```
value: {
device: {
metadata: {
api: {
name: "",
key: "",
}
}
}
}
```
I want to find the `metadata` key so I search for metadata and `Reactotron` only shows the metadata part of the tree.
This could be solved by subscribing to more than one part of the tree. However, it means subscribing to a key everytime we want to find something, which is not ideal.
Happy New Year!
Thanks 👍
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by comparing the existing search bar in the Timeline tab with the State tab's tree display. Add equivalent search behavior so searching for a key such as `metadata` shows the matching part of the state tree, then verify that the full tree remains available when no search is entered.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- desktop, frontend
- Issue type
- Feature
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 48/100