JSFiddle - React, Tailwind, and code Playground

by Alma Grace

HTML

<div id="placeholder1"></div>
<div id="placeholder2"></div>
<div id="placeholder3"></div>

JavaScript

var JsonData = {

    "responseData": {
        "feed": {
            "feedUrl": "http://feeds.epicurious.com/healthy_recipes",
                "title": "Epicurious \u0026 NutritionData's Healthy Dinner Tonight",
                "link": "http://www.epicurious.com/articlesguides/healthy",
                "author": "Epicurious.com",
                "description": "Tired of takeout? Can't think what to cook for tonight\u0026#39;s dinner? Get nutritious and delicious fast recipes, fresh, easy ideas, and healthy-eating tips every weekday afternoon from two renowned authorities on cooking and nutrition.",
                "type": "rss20",
                "entries": [{
                "title": "Mahi-Mahi Skewers with Tapenade and Couscous",
                    "link": "http://feeds.epicurious.com/c/35380/f/665146/s/375b9cce/sc/14/l/0L0Sepicurious0N0Crecipes0Cfood0Cviews0CMahi0EMahi0ESkewers0Ewith0ETapenade0Eand0ECouscous0E353375/story01.htm",
                    "author": "Monica Reinagel",
                    "publishedDate": "Thu, 20 Feb 2014 21:01:23 -0800",
                    "contentSnippet": "brought to you by epicurious.com and NutritionData.com   Calories 319; Total Fat 4g; Carbohydrates 42g  Although leaner and ...",
                    "content": "\u003cp\u003ebrought to you by \u003ca title\u003d\"http://www.epicurious.com\" href\u003d\"http://www.epicurious.com?mbid\u003dHDFD\"\u003eepicurious.com\u003c/a\u003e and \u003ca title\u003d\"http://www.nutritiondata.com\" href\u003d\"http://www.nutritiondata.com?mbid\u003dHDFD\"\u003eNutritionData.com\u003c/a\u003e \u003c/p\u003e \u003cdiv\u003e \u003ch3\u003eCalories 319; Total Fat 4g; Carbohydrates 42g\u003c/h3\u003e \u003cdiv\u003e\u003cimg border\u003d\"0\" title\u003d\"Mahi-Mahi Skewers with Tapenade and Couscous\" src\u003d\"http://www.epicurious.com/images/recipesmenus/2009/2009_june/353375_116.jpg\"\u003e\u003c/div\u003e \u003cp\u003eAlthough leaner and milder than salmon, mahi-mahi is also a good source...