react-devtools for Reagent?

Juholei commented 5 years ago

Recently someone was wondering on Reddit why there is no Reagent version of react-devtools (https://www.reddit.com/r/Clojure/comments/aehzbv/reactdevtools_for_reagent/). It got me thinking that indeed, it would be great to have it working better than react-devtools does with Reagent. It works, but too often you end up with props view like this that are basically uncomprehensible:

I think that this would especially help people coming from JavaScript and React land to ClojureScript and Reagent, as it can be hard to adjust in that case from tools that you've become accustomed. And I think it would also help seasoned cljs and Reagent developers too, even though they are accustomed to checking the app-state through the repl / re-frame10x / or other ClojureScript workflow tools, sometimes you just may want to see clearly what the component is getting as parameters.

Deraen commented 5 years ago

If React-devtools used Chrome custom formatters (which are provided by cljs-devtools), like re-frame-10x does, cljs datastructures would be displayed in readable format: https://github.com/facebook/react-devtools/issues/989

roman01la commented 5 years ago

Having formatters support built-into react devtools would be wonderful indeed. Unfortunately it's been a year without activity since I opened this issue facebook/react-devtools#989

Deraen commented 4 years ago

New issue for React devtools support: https://github.com/facebook/react/issues/16505

reagent-project / reagent

react-devtools for Reagent? #421