react-data-preview

1.0.0 • Public • Published

react-data-preview

Preview any JavaScript data in a fancy interactive way. Heavily inspired by React DevTools props inspector.

Interactive data preview

Getting started

Install

npm install react-data-preview

Use

import React from 'react';
import Preview from 'react-data-preview';
 
const data = {
  firstName: 'John',
  lastName: 'Maverick',
  isAuthenticated: true
  image: class Image {},
  logout() {},
  orders: [{}, {}],
  settings: {
    nestedKey: 'foo'
  }
};
 
export default class App extends React.Component {
  render() {
    return (
      <Preview data={ data } />
    );
  }
}

License

MIT

/react-data-preview/

    Package Sidebar

    Install

    npm i react-data-preview

    Weekly Downloads

    34

    Version

    1.0.0

    License

    MIT

    Unpacked Size

    98.8 kB

    Total Files

    5

    Last publish

    Collaborators

    • kettanaito