https://github.com/kettanaito/react-data-preview

Fancy interactive preview of your JavaScript data.
https://github.com/kettanaito/react-data-preview

data data-preview javascript preview react react-data-preview

Last synced: about 1 year ago
JSON representation

Fancy interactive preview of your JavaScript data.

• Host: GitHub
• URL: https://github.com/kettanaito/react-data-preview
• Owner: kettanaito
• License: mit
• Created: 2018-03-21T10:43:58.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2018-03-21T14:54:35.000Z (over 8 years ago)
• Last Synced: 2025-04-28T11:24:45.361Z (about 1 year ago)
• Topics: data, data-preview, javascript, preview, react, react-data-preview
• Language: JavaScript
• Homepage:
• Size: 151 KB
• Stars: 17
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

          
# react-data-preview

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



  



## Getting started

### Install

```bash

npm install react-data-preview

```

### Use

```jsx

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 (

      

    );

  }

}

```

## License

MIT