JSFiddle - React, Tailwind, and code Playground

by Tân Nguyễn

JavaScript

let data = {
   "data": {
      "sticker_search": {
         "sticker_results": {
            "edges": [
               {
                  "node": {
                     "id": "1747085962269322",
                     "label": "Silly, dragon dancing",
                     "frame_count": 20,
                     "frame_rate": 50,
                     "frames_per_column": 4,
                     "frames_per_row": 5,
                     "image": {
                        "height": 64,
                        "width": 64,
                        "uri": "https://scontent.fsgn5-4.fna.fbcdn.net/v/t39.1997-6/p64x64/17119902_1747085975602654_3065065572128522240_n.png?_nc_cat=1&_nc_ohc=JdflgEU9YkEAQmyip5DFshhey3Y04c2HhvXC--bXEPdE_zJcSsmQot7ZA&_nc_ht=scontent.fsgn5-4.fna&oh=e9735d78ca60c89513105bf9dbb725b8&oe=5EB32F62"
                     },
                     "sprite_image": {
                        "uri": "https://scontent.fsgn5-5.fna.fbcdn.net/v/t39.1997-6/s320x320/17639062_1747085965602655_7536533479710785536_n.png?_nc_cat=100&_nc_ohc=_-sqojWrrQ4AQlwPCOJkclCRR6pu5hhSgVQPgGPdSKEXO2PShh3uIQyoQ&_nc_ht=scontent.fsgn5-5.fna&oh=1e8f18323927d3fc72cb397633217c3b&oe=5EA7B745"
                     },
                     "padded_sprite_image": {
                        "uri": "https://scontent.fsgn5-3.fna.fbcdn.net/v/t39.1997-6/s851x315/17634199_1747085968935988_1995067688300314624_n.png?_nc_cat=110&_nc_ohc=_AVYw4HY5dwAQnkmZ6GitfIXjYrCt_y2Xj1rSRX8PSKZnpT6I7Pb3a6LA&_nc_ht=scontent.fsgn5-3.fna&oh=72ca13cc47042ecdc293707e186a9a9b&oe=5EA353E9"
                     },
                     "pack": {
                        "id": "1747078988936686",
                        "name": "QooBee Agapi",
                        "is_comments_capable": true,
                        "is_composer_capable": true,
                        "is_messenger_capable": true
                     },
                     "sticker_state": "UNLOCKED"
                  }
               },
               {
   ...