Liking cljdoc? Tell your friends :D

React DevTools for ClojureScript wrappers

⚠️ EXPERIMENTAL

https://github.com/roman01la/cljs-react-devtools/assets/1355501/c3bd8d6d-1127-4459-89ac-3b551d47da36

Live demo

Clojars Project

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

  • UIx
  • Reagent

Setup

  1. Install the library via Git deps
{:deps {com.github.roman01la/cljs-react-devtools {:mvn/version "0.2.0"}}}
  1. Create preload namespace and initialize DevTools
(cljs-react-devtools.core/init!
  {:root     (js/document.getElementById "root") ;; React root
   :shortcut "Control-Shift-Meta-R"}) ;; toggles DevTools visibility

Run example in this repo

  1. Install NPM deps
  2. Run clojure -A:examples -M -m shadow.cljs.devtools.cli watch examples
  3. Open http://localhost:3000/

Support development of the project via GitHub Sponsors program

Can you improve this documentation?Edit on GitHub

cljdoc is a website building & hosting documentation for Clojure/Script libraries

× close