Friday, 11/25/2022

14:31 react coding

i want an editor plugin that, when hovering over a react component or a css class, highlights the dom node in the browser that this react component or css class applies to. identifying and recustomizing boxes i've created in my code on the dom is probably the most common thing i do, and it's insane that i have to inspect element and search or something to re-identify these things. i want to go FAST.

concretely, this can be implemented by a web extension (or injected code in dev environment) that opens a socket to a pipe, and my editor opens some connection to the other end of that. tracing the generated dom nodes and such things - especially with all the bundling going on - is quite hard though…