add a layout tree view to Dash devtools
Nobody has claimed this yet.
- Dominant language
- Python
- Stars
- 24.4k
- Forks
- 2.3k
- Avg merge
- 2d 7h
- Merged PRs (30d)
- 13
Description
In the dev tools today we have the callback graph, which is awesome, but callbacks are only half the Dash app story, the other half being layout. I wonder if we shouldn't have a "layout tree" button in the dev tools that shows a collapsible tree view of the layout, so people can get a handle on the current layout of their app? I know some version of this is available in browser dev tools/React dev tools, but a Dash-specific view might be nice too.
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 reviewing the existing callback graph in the Dash dev tools and compare the proposed view with browser and React dev tools. Clarify how the current layout should be represented and what a collapsible tree should expose; done means users can open a Dash-specific layout tree and inspect the current app layout.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react
- Domain
- devtools, frontend
- Issue type
- Feature
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 25/100