Skip to content

Latest commit

 

History

History
12 lines (7 loc) · 1.1 KB

react-devtools.md

File metadata and controls

12 lines (7 loc) · 1.1 KB

React DevTools

React DevTools is a browser extension that can be used to inspect live UI tree, component props and profile performance in DevTools.

As an alternative, there's cljs-react-devtools, which is similar to React DevTools, but targets ClojureScript wrappers specifically to make sure that Clojure data structures are inspectable, as well as Reagent reactions and re-frame subscriptions.

UIx specifics

  • Jump to component definition button [2] works as expected, unlike in Reagent
  • Component's props preview [3] displays JS implementation of props map instead of using Custom Formatters. The workaround for this is to use debug button [1] that will print component's data to browser console where a custom formatter (here's how to install and enable custom formatters in Chrome) will print props map correctly [4]