JSFiddle - React, Tailwind, and code Playground

by jdanyow

JavaScript

var key = 'key';
var data = "[      {          'id': 0,          'guid': '29f67fbf-0fe1-4795-8108-99b6cf4655fa',          'isActive': false,          'balance': '$1,791.00',          'picture': 'http://placehold.it/32x32',          'age': 28,          'name': 'Shirley Spencer',          'gender': 'female',          'company': 'Zenthall',          'email': '[email protected]',          'phone': '+1 (996) 580-2653',          'address': '406 Terrace Place, Grimsley, Texas, 6329',          'about': 'Velit ad et deserunt elit deserunt veniam quis officia. Esse cupidatat occaecat aliqua voluptate labore mollit mollit. Aute in ad do commodo sit exercitation veniam sunt in nisi reprehenderit aute. Est eiusmod sunt tempor officia nostrud adipisicing anim exercitation adipisicing enim id est eiusmod consequat. Veniam aliquip veniam officia anim. Mollit velit id ea veniam nostrud.\r\n',          'registered': '1997-02-07T02:18:22 +05:00',          'latitude': -1.917262,          'longitude': 66.032539,          'tags': [              'nulla',              'veniam',              'magna',              'aute',              'exercitation',              'ea',              'incididunt'          ],          'friends': [              {                  'id': 0,                  'name': 'Millie Hardin'              },              {                  'id': 1,                  'name': 'Patterson Roy'              },              {                  'id': 2,                  'name': 'Ayers Gallegos'              }          ],          'randomArrayItem': 'apple'      },      {          'id': 1,          'guid': '54bbbcb8-08b6-43fd-be55-4ecbcee78ed0',          'isActive': false,          'balance': '$1,858.00',          'picture': 'http://placehold.it/32x32',          'age': 34,          'name': 'Daniels Donovan',          'gender': 'male',          'company': 'Valpreal',          'email': '[email protected]',          'phone': '+1 (896) 586-2883',          'address':...