question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Improve UX of finding full `key` value

See original GitHub issue

The current behavior

The full value of the key is very difficult / impossible to find and use in the interface of the React Devtools.

Kapture 2020-04-22 at 11 47 47

Only managed to find it by accident 😦

The expected behavior

The key is visible in the props list to the right.

Detailed Proposal

As mentioned below in https://github.com/facebook/react/issues/18702#issuecomment-617924196

Add a light divider and new section in the props panel to the right.

Potentially also add a question mark that shows an explanation about the fact that things in this section are not really props.

Ref (Original implementation): https://github.com/facebook/react-devtools/pull/328

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:23 (13 by maintainers)

github_iconTop GitHub Comments

1reaction
karlhorkycommented, May 12, 2020

Nice, cool solution for all of the constraints in https://github.com/facebook/react/pull/18737#issuecomment-626856712.

Thanks for your effort and attention seeing this through! 💯🚀

1reaction
karlhorkycommented, May 11, 2020

Ok, thanks for the update.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Enhance User Flow – A Guide to UX Analysis - Toptal
Good UX design does not end with a product's launch. This guide to conducting UX analysis helps designers evaluate and improve the user...
Read more >
How to Improve UX Design. 7 key points that affect the usability
1. User research · 2. Design concept · 3. User flow · 4. Reasonable visual · 5. Optimization of interactions · 6. Readability...
Read more >
20 Tips on How to Improve the UX of Your Application - Netguru
1. UX research. UX research is a way of discovering users needs, their behavior, and their expectations. A product built with the support...
Read more >
7 UX Best Practices to Make You an Amazing Designer [2023]
Dive into UX design reading; Go beyond UX design; Find your UX design sub-specialty; Talk to other UX designers; Explore multiple solutions ...
Read more >
5 Ways UX Design can Bring Value to Your Business
Effective UX design can increase revenue · How long do your images take to load? · How easy is it to navigate from...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found