react json tree viewer github

May 14, 2020 - React JSON Viewer Component, Extracted from redux-devtools. Supports iterable objects, such as Immutable.js. import JSONTree from 'react-json-tree' // If you're using Immutable.js: `npm i --save immutable` import { Map } from 'immutable' // ...

Starred by 997 users

Forked by 115 users

Languages JavaScript 100.0% | JavaScript 100.0%

GitHub

github.com › mac-s-g › react-json-view

GitHub - mac-s-g/react-json-view: JSON viewer for react · GitHub

JSON viewer for react. Contribute to mac-s-g/react-json-view development by creating an account on GitHub.

Starred by 3.7K users

Forked by 500 users

Languages JavaScript 96.4% | Shell 2.9%

Discussions

Which JSON Viewer Component do you recommend since react-json-view no one maintains it anymore.

console.log(JSON.stringify(object, null, 2)) More on reddit.com

r/reactjs

22

19

October 16, 2023

React Tree View for Json object?

I use this: https://www.npmjs.com/package/react-json-view More on reddit.com

r/reactjs

1

2

July 6, 2021

JSON Viewer with Editor

Very cool. I could see using this in my admin dashboard for live updating my JSON-based application configuration. One tiny visual gripe: The default height of the text-area is too tall for single line inputs. The text-area should be the same size as the input, and grow as needed. This would also eliminate any jank seen when toggling edit mode. More on reddit.com

r/reactjs

9

26

July 2, 2017

PoE 2 Skill tree viewer

Another source will be the Passive Tree section of the reveal tree. https://youtu.be/ZpIbaTXJD4g?si=IVLFd6Mv-w-l8RKa&t=1356 I think the only other notable shown off is in the Endgame trials section, (introducing jewels), but that is overlapping with the dreamcore video (Levitation node in the dex or str/dex area) More on reddit.com

r/PathOfExile2

93

539

November 30, 2024

Videos

03:23

YouTube

Edit & Preview JSON in One Click — Tree View for VS Code! - YouTube

March 12, 2025

14:18

YouTube

Build a React.js JSON Viewer & Editor App to Render JSON ...

November 18, 2024

youtube.com

Creating a Searchable React Tree View

View all

GitHub

github.com › AnyRoad › react-json-view-lite

GitHub - AnyRoad/react-json-view-lite: Lightweight Json view component for React

react-json-view-lite is a tiny component for React allowing to render JSON as a tree. It focused on the balance between performance for large JSON inputs and functionality. It might not have all the rich features (suce as customization, copy, ...

Starred by 235 users

Forked by 25 users

Languages TypeScript 95.9% | CSS 4.1% | TypeScript 95.9% | CSS 4.1%

GitHub

github.com › Dean177 › react-native-json-tree

GitHub - Dean177/react-native-json-tree: React Native JSON Viewer Component, based on react-json-tree

React Native JSON Viewer Component, based on react-json-tree - Dean177/react-native-json-tree

Starred by 122 users

Forked by 33 users

Languages JavaScript 100.0% | JavaScript 100.0%

npm

npmjs.com › package › react-json-tree

react-json-tree - npm

March 1, 2025 - json viewer · npm i react-json-tree · github.com/reduxjs/redux-devtools · github.com/reduxjs/redux-devtools/tree/master/packages/react-json-tree · 752,617 · 0.20.0 · MIT · 63.2 kB · 45 · a year ago · chibicode · gaearon · timdorr ...

      » npm install react-json-tree

Published Mar 01, 2025

Version 0.20.0

Author Shu Uesugi

Repository https://github.com/reduxjs/redux-devtools

Homepage https://github.com/reduxjs/redux-devtools/tree/master/packages/react-json-tree

GitHub

github.com › STRML › react-json-tree-editable

GitHub - STRML/react-json-tree-editable: React JSON Viewer Component, Extracted from redux-devtools

React JSON Viewer Component, Extracted from redux-devtools. Supports iterable objects, such as Immutable.js. import JSONTree from 'react-json-tree' // If you're using Immutable.js: `npm i --save immutable` import { Map } from 'immutable' // ...

Forked by 2 users

Languages JavaScript 100.0% | JavaScript 100.0%

GitHub

github.com › gaearon › react-json-tree

GitHub - gaearon/react-json-tree: React JSON Viewer Component, Extracted from redux-devtools

React JSON Viewer Component, Extracted from redux-devtools. Supports iterable objects, such as Immutable.js. import JSONTree from 'react-json-tree' // If you're using Immutable.js: `npm i --save immutable` import { Map } from 'immutable' // ...

Author gaearon

GitHub

github.com › bvaughn › react-json-tree

GitHub - bvaughn/react-json-tree: React JSON Viewer Component, Extracted from redux-devtools

React JSON Viewer Component, Extracted from redux-devtools. Supports iterable objects, such as Immutable.js. import JSONTree from 'react-json-tree' // If you're using Immutable.js: `npm i --save immutable` import { Map } from 'immutable' // ...

Author bvaughn

Find elsewhere

Google Bing Mojeek

GitHub

github.com › rsolomon › react-json-tree

GitHub - rsolomon/react-json-tree: React JSON Viewer Component, Extracted from redux-devtools

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} />

Author rsolomon

GitHub

github.com › mlepper › json-tree-viewer

GitHub - mlepper/json-tree-viewer: React JSON Tree Viewer

A React-based JSON viewer with expandable/collapsible tree structure, editing capabilities, and search functionality.

Author mlepper

GitHub

github.com › STRML › react-json-tree-editable › blob › master › README.md

react-json-tree-editable/README.md at master · STRML/react-json-tree-editable

React JSON Viewer Component, Extracted from redux-devtools - react-json-tree-editable/README.md at master · STRML/react-json-tree-editable

Author STRML

GitHub

github.com › expreva › react-json-tree

GitHub - expreva/react-json-tree: React JSON viewer component extracted from redux-devtools

React JSON Viewer Component, Extracted from redux-devtools. Supports iterable objects, such as Immutable.js. import { JSONTree } from 'react-json-tree'; // If you're using Immutable.js: `npm i --save immutable` import { Map } from 'immutable'; ...

Author expreva

reddit.com › r/reactjs › which json viewer component do you recommend since react-json-view no one maintains it anymore.

r/reactjs on Reddit: Which JSON Viewer Component do you recommend since react-json-view no one maintains it anymore.

October 16, 2023 -

https://www.npmjs.com/package/react-json-view?activeTab=versions
It was last updated 3 years ago.

I am looking for a popular alternative to that.

Thanks.

Top answer

1 of 5

6

console.log(JSON.stringify(object, null, 2))

2 of 5

4

It looks like this a new iteration on a fork of this project: https://github.com/YYsuni/react18-json-view

GitHub

github.com › uiwjs › react-json-view

GitHub - uiwjs/react-json-view: A React component for displaying and editing javascript arrays and JSON objects. · GitHub

September 13, 2022 - react-json-tree · ❌ · react-json-view · ✅ · demo · react-inspector · ❌ · demo · react-domify · ❌ · demo · react18-json-view · ❌ · demo · @textea/json-viewer · ✅ · demo · react-editable-json-tree · ✅ · demo · react-json-view ·

Starred by 402 users

Forked by 24 users

Languages TypeScript 98.0% | HTML 2.0%

GitHub

github.com › 3crazyspecial › react-json-tree

GitHub - 3crazyspecial/react-json-tree: React JSON Viewer Component, Extracted from redux-devtools

React JSON Viewer Component, Extracted from redux-devtools. Supports iterable objects, such as Immutable.js. import JSONTree from 'react-json-tree' // If you're using Immutable.js: `npm i --save immutable` import { Map } from 'immutable' // ...

Author 3crazyspecial

npm

npmjs.com › package › react-json-tree-view

react-json-tree-view - npm

json-viewer · react · react-json · react-json-view · react-component · json-tree-view · react-json-tree · npm i react-json-tree-view · github.com/Anandks1993/react-json-tree-view · github.com/Anandks1993/react-json-tree-view · 156 · 1.0.8 · MIT · 556 kB ·

      » npm install react-json-tree-view

Published Aug 30, 2018

Version 1.0.8

Author Anand KS

Repository https://github.com/Anandks1993/react-json-tree-view

Homepage https://github.com/Anandks1993/react-json-tree-view

GitHub

github.com › kelsonpw › react-json-renderer

GitHub - kelsonpw/react-json-renderer: React component for displaying and navigating JSON data in a collapsible tree structure.

React component for displaying and navigating JSON data in a collapsible tree structure. - kelsonpw/react-json-renderer

Author kelsonpw

UNPKG

unpkg.com › browse › react-json-tree@0.15.0 › README.md

react-json-tree/README.md

React JSON Viewer Component, Extracted from redux-devtools · github.com/reduxjs/redux-devtools/tree/master/packages/react-json-tree · reduxjs/redux-devtools · 168 lines (125 loc) • 6.51 kB · Markdown · View Raw · 1 · 2 · 3 · 4 · 5 · 6 · 7 · 8 · 9 ·

React Split

uiwjs.github.io › react-json-view

react-json-view

A React component for displaying and editing javascript arrays and JSON objects.

GitHub

github.com › okozolin › json-tree-view-material-ui

GitHub - okozolin/json-tree-view-material-ui: Show JSON api in a recursive tree view. Styles with React Material-ui

Shows it in a tree view where nodes can be expanded and collapsed. The component handles any valid JSON, without any expectations regarding its structure. TThe page that contains the component controls the URL from which the data is obtained.

Author okozolin