JSFiddle - React, Tailwind, and code Playground

by pj_js15

HTML

<p id="result"> </p>

JavaScript

var result = document.getElementById("result");
var json = '{
    "uid": "DigitalCamerasNavNode",
    "uuid": "eyJpdGVtSWQiOiJEaWdpdGFsQ2FtZXJhc05hdk5vZGUiLCJjYXRhbG9nSWQiOiJlbGVjdHJvbmljcy1zcGFDb250ZW50Q2F0YWxvZyIsImNhdGFsb2dWZXJzaW9uIjoiT25saW5lIn0=",
    "entries": [
      {
        "itemId": "DigitalCamerasCategoryLink",
        "itemSuperType": "AbstractCMSComponent",
        "itemType": "CMSLinkComponent"
      }
    ],
    "children": [
      {
        "uid": "DigitalCompactsNavNode",
        "uuid": "eyJpdGVtSWQiOiJEaWdpdGFsQ29tcGFjdHNOYXZOb2RlIiwiY2F0YWxvZ0lkIjoiZWxlY3Ryb25pY3Mtc3BhQ29udGVudENhdGFsb2ciLCJjYXRhbG9nVmVyc2lvbiI6Ik9ubGluZSJ9",
        "entries": [
          {
            "itemId": "DigitalCompactsCategoryLink",
            "itemSuperType": "AbstractCMSComponent",
            "itemType": "CMSLinkComponent"
          }
        ],
        "children": []
      },
      {
        "uid": "DigitalSLRNavNode",
        "uuid": "eyJpdGVtSWQiOiJEaWdpdGFsU0xSTmF2Tm9kZSIsImNhdGFsb2dJZCI6ImVsZWN0cm9uaWNzLXNwYUNvbnRlbnRDYXRhbG9nIiwiY2F0YWxvZ1ZlcnNpb24iOiJPbmxpbmUifQ==",
        "entries": [
          {
            "itemId": "DigitalSLRCategoryLink",
            "itemSuperType": "AbstractCMSComponent",
            "itemType": "CMSLinkComponent"
          }
        ],
        "children": []
      }
    ],
    "title": "Digital Cameras"
  },
  {
    "uid": "FilmCamerasNavNode",
    "uuid": "eyJpdGVtSWQiOiJGaWxtQ2FtZXJhc05hdk5vZGUiLCJjYXRhbG9nSWQiOiJlbGVjdHJvbmljcy1zcGFDb250ZW50Q2F0YWxvZyIsImNhdGFsb2dWZXJzaW9uIjoiT25saW5lIn0=",
    "entries": [
      {
        "itemId": "FilmCamerasCategoryLink",
        "itemSuperType": "AbstractCMSComponent",
        "itemType": "CMSLinkComponent"
      }
    ],
    "children": [],
    "title": "Film Cameras"
  },
  {
    "uid": "HandheldCamcordersNavNode",
    "uuid": "eyJpdGVtSWQiOiJIYW5kaGVsZENhbWNvcmRlcnNOYXZOb2RlIiwiY2F0YWxvZ0lkIjoiZWxlY3Ryb25pY3Mtc3BhQ29udGVudENhdGFsb2ciLCJjYXRhbG9nVmVyc2lvbiI6Ik9ubGluZSJ9",
   ...