reagent icon indicating copy to clipboard operation
reagent copied to clipboard

react-devtools for Reagent?

Open Juholei opened this issue 6 years ago • 3 comments

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: nayttokuva 2019-1-29 kello 16 27 08

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.

Juholei avatar Jan 29 '19 14:01 Juholei

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

Deraen avatar Jan 29 '19 19:01 Deraen

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

roman01la avatar Jan 30 '19 12:01 roman01la

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

Deraen avatar Jan 22 '20 16:01 Deraen