React DevTools for ClojureScript wrappers
⚠️ EXPERIMENTAL
https://github.com/roman01la/cljs-react-devtools/assets/1355501/c3bd8d6d-1127-4459-89ac-3b551d47da36
Live demo
Features
- React components & DOM nodes tree
- Visual picking and highlighting
- Props, hooks, Reagent reactions and re-frame subscriptions inspector
- Update reactions and subscriptions from the inspector
- Click on a value in the inspector to log it to the console
- Press a shortcut to toggle DevTools visibility
- Bottom, left, right docking and undocking into a separate window
Supported React wrappers:
Setup
- Install the library via Git deps
- Initialize DevTools
(cljs-react-devtools.core/init!
{:root (js/document.getElementById "root")
:shortcut "Control-Shift-Meta-R"}) ;; toggles DevTools visibility
Run example in this repo
- Install NPM deps
- Run
clojure -A:examples -M -m shadow.cljs.devtools.cli watch examples
- Open
http://localhost:3000/
Support development of the project via GitHub Sponsors program