JSFiddle - React, Tailwind, and code Playground

by Csaba Hellinger

JavaScript

data = {
  "Channel": {
    "id": "106",
    "Pf": {
      "resultCount": 2,
      "Event": [
        {
          "id": "crid:~~2F~~2Feventis.nl~~2F00000000-0000-1000-0404-00000029AEFD,imi:00100000001F46CF",
          "Titles": {
            "resultCount": 1,
            "Title": [
              {
                "id": "crid:~~2F~~2Feventis.nl~~2F00000000-0000-1000-0404-00000029AEFD",
                "Name": "Motorsport NASCAR",
                "ShortSynopsis": "\"Bristol Motor Speedway\". NASCAR action at the Bristol Motor Speedway.",
                "Genres": {
                  "Genre": [
                    {
                      "Value": "Sport",
                      "type": "11",
                      "ordinal": "0"
                    }
                  ]
                }
              }
            ]
          },
          "AvailabilityStart": "2016-08-23T05:00:00Z",
          "AvailabilityEnd": "2016-08-23T10:00:00Z"
        },
        {
          "id": "crid:~~2F~~2Feventis.nl~~2F00000000-0000-1000-0404-00000029D2BC,imi:00100000001F467A",
          "Titles": {
            "resultCount": 1,
            "Title": [
              {
                "id": "crid:~~2F~~2Feventis.nl~~2F00000000-0000-1000-0404-00000029D2BC",
                "Name": "Goalissimo",
                "ShortSynopsis": "\"23/08/2016\". The cult football weekly round-up show brings you all the goals and action for some of the best and least known leagues in the world.",
                "Genres": {
                  "Genre": [
                    {
                      "Value": "Sport",
                      "type": "11",
                      "ordinal": "0"
                    }
                  ]
                },
                "Pictures": {
                  "Picture": [
                    {
                      "Value": "http://post.tv.eircom.net/imagesEPG/Images//Events/17666537.png",
                      "type": "Poster"
                    }
                  ]
         ...