infinitered / infinitered/reactotron

Feature Request: Search bar in the state tab

Open
#909 4 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

help wanted :wave: request :+1:
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

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.