react-object

Rich visual representation and editor of javascript objects and values.

Features

• Color highlighted pretty-printing of objects and primitive values.
• Expandable to drill into object and array hierarchy.
• Abbreviates large objects/arrays to prevent render slow-down.
• Rich date notation.
• Rich function notation (with parameter names).

Getting Started

npm install react-object

Render a complex object:

import { Value } from "react-object";
 
const obj = { foo: 123, bar: { baz: "hello" }};
 
<Value
    label="foo"
    value={ obj }/>        

Will yield:

TODO

• editable

Explore the API in the UIHarness

git clone https://github.com/philcockfield/react-object.git
cd react-object
npm install
npm start

---

License: MIT