UI Debug

A React component that helps you reduce console log during debugging, displaying raw data without going through the rendering process.

This package is under development

Installation

yarn add ui-debug

npm install ui-debug

How to use

import Debugger from "ui-debug";
// some states
return (
  <div>
    <Debugger data={{ state1, state2, state3 }} />
  </div>
);

The browser will render the result as below:

state1
<state1 raw data>

state2
<state2 raw data>

state3
<state3 raw data>