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.

[DevTools] polish hooks: complex values preview

See original GitHub issue

We create many useDebugValue helpers, loggers and so one now, so we can feel less pain.

What matter (Updated)

previewing complex values brifely like chrome devtools does it for arrays, sets, maps, objects,

I wrote related twit recently with one of my DebugValue helpers. screenshot out here: Screenshot 2019-09-29 at 14 01 53 my named hooks currently require a label option unless react babel cannot transform name of variable automatically

Issue Analytics

State:
Created 4 years ago
Comments:7

Top GitHub Comments

1reaction

bvaughncommented, Dec 10, 2019

I have made some progress on this this afternoon. Needs more testing (and probably some new unit tests as well) but here’s a preview: dt-better-previews

0reactions

bvaughncommented, Dec 11, 2019

Tweaked things a bit more and I think it’s pretty close to mirroring what Chrome console does not. Feels a lot better when exploring nested values.

dt-better-previews

Should be ready to submit a PR soon. Need to update tests.

Top Results From Across the Web

React DevTools v4 will allow inspectable complex hook values

DevTools will always show your hooks in the order they're defined in the component, so if it's unclear what's what, you can always...

Why React Context is Not a "State Management" Tool (and ...

React's useState and useReducer hooks are good example of state management. With both of those hooks, you can: store an initial value by...

Why I Stopped Using Redux - DEV Community ‍ ‍

It's a library with a very simple API and a couple of hooks to manage queries (fetching data) and mutations (changing data). Since...

Improve custom Hook debugging with useDebugValue

In this tutorial, learn how to use the useDebugValue Hook to make debugging reports for your custom React Hooks easier and more descriptive....

paE - River Thames Conditions - Environment Agency - GOV.UK

Untooned cartoon characters, Poland england october 2012, Windir likferd flac, ... Akito the exiled episode 5 preview, Murrayfield ice rink number, ...