May 14, 2020 - import JSONTree from 'react-json-tree' // If you're using Immutable.js: `npm i --save immutable` import { Map } from 'immutable' // Inside a React component: const json = { array: [1, 2, 3], bool: true, object: { foo: 'bar' }, immutable: Map({ key: 'value' }) } <JSONTree data={json} />

import { JSONTree } from "react-json-tree"; // If you're using Immutable.js: `npm i --save immutable` import { Map } from "immutable"; // Inside a React component: const json = { array: [1, 2, 3], bool: true, object: { foo: "bar", }, immutable: Map({ key: "value" }), }; <JSONTree data={json} />;

For a detailed comparison of these two packages, check out the following link: Comparing react-json-view vs react-json-tree. ... react-json-tree is a React component that allows developers to display JSON data in a tree-like structure. It provides an easy way to visualize complex JSON objects, ...

1 month ago - The specification requires maps to be implemented "that, on average, provide access times that are sublinear on the number of elements in the collection". Therefore, it could be represented internally as a hash table (with O(1) lookup), a search tree (with O(log(N)) lookup), or any other data structure, as long as the complexity is better than O(N).

A customizable, and accessible, JSON visualizer. With tons of settings, JsonTree.js can be tailored to suit your every need. Lightweight. ... Zero-dependencies! 100% TypeScript! This allows greater support for React, Angular, and other libraries!

March 1, 2025 - React JSON Viewer Component, Extracted from redux-devtools. Latest version: 0.20.0, last published: a year ago. Start using react-json-tree in your project by running `npm i react-json-tree`. There are 346 other projects in the npm registry using react-json-tree.

July 21, 2021 - CodeSandbox is a cloud development platform that empowers developers to code, collaborate and ship projects of any size from any device in record time.

Fast, reliable, and secure dependency management.

Starter project for React apps that exports to the create-react-app CLI.

Internally, React uses several clever techniques to minimize the number of costly DOM operations required to update the UI. For many applications, using React will lead to a fast user interface without doing much work to specifically optimize for performance.

Apache ECharts, a powerful, interactive charting and visualization library for browser

Interactive react component for displaying javascript arrays and JSON objects. ... ad5441• 1.21.8 • 4 years ago • 0 dependents • MITpublished version 1.21.8, 4 years ago0 dependents licensed under $MIT ...

The ultimate collection of design-agnostic, flexible and accessible React UI Components.

an open-source JavaScript library for mobile-friendly interactive maps · This reference reflects Leaflet 1.9.4. Check this list if you are using a different version of Leaflet

Interactive react component for displaying javascript arrays and JSON objects. array-viewerbase-16componentinteractiveinteractive-jsonjsonjson-componentjson-displayjson-treejson-view1.21.3 • Published 5 years ago

react-json-view: A React component for displaying and editing JSON data in a tree view format.