JSFiddle - React, Tailwind, and code Playground

by stiucsib86

HTML

<script src="https://github.com/downloads/SteveSanderson/knockout/knockout-2.0.0.debug.js"></script>
<script src="https://github.com/SteveSanderson/knockout.mapping/raw/master/build/output/knockout.mapping-latest.debug.js"></script>
<div id="viewModel">
    <div data-bind="text:firstName "></div>
    <div data-bind="text:hasALotOfPets  "></div>
</div>

JavaScript

var initialData = [{
    "productId": "19",
    "productName": "T Product2",
    "productDescription": "Lorem Ipsum is simply dummy text of the printing and typesetting industry",
    "createdOn": null,
    "updatedOn": "2011-11-12 01:16:47",
    "isDeleted": null,
    "shopId": "0",
    "categoryId": "156",
    "widgetId": "20",
    "productPrice": "20.00",
    "productQty": "2",
    "productSize": [""],
    "productColor": [""],
    "image1": "20101022003512_dressimage.jpg",
    "image2": "20110919142126_Tulips.jpg",
    "image3": "20110919142133_test.gif",
    "image4": "20110126151854_Winter.jpg",
    "image5": "20110919142140_2011-09-19_1346.png",
    "image6": "",
    "productImages": [{
        "url": "http:\/\/sandbox.tackthis.localhost\/media\/products\/1920101022003512_dressimage.jpg"},
    {
        "url": "http:\/\/sandbox.tackthis.localhost\/media\/products\/1920110919142126_Tulips.jpg"},
    {
        "url": "http:\/\/sandbox.tackthis.localhost\/media\/products\/1920110919142133_test.gif"},
    {
        "url": "http:\/\/sandbox.tackthis.localhost\/media\/products\/1920110126151854_Winter.jpg"},
    {
        "url": "http:\/\/sandbox.tackthis.localhost\/media\/products\/1920110919142140_2011-09-19_1346.png"},
    {
        "url": false}],
    "defaultProduct": "image1",
    "downloadUrl": "http:\/\/tackthis.com\/images\/tackthis_logo.jpg",
    "hasDownload": "0",
    "publish": "0"}];
var category_list = [{
    "categoryId": "157",
    "categoryName": "T Shirt"},
{
    "categoryId": "156",
    "categoryName": "Shirt"},
{
    "categoryId": "454",
    "categoryName": "All"},
{
    "categoryId": "726",
    "categoryName": "Topss"},
{
    "categoryId": "1364",
    "categoryName": "Shoes"}];
var size_list = [{
    "sizeId": "16",
    "sizeName": "Small",
    "widgetId": "20",
    "createdOn": "2011-01-21 18:41:34",
    "updatedOn": "2011-05-11 12:28:02"},
{
    "sizeId": "109",
    "sizeName": "Large",
    "widgetId": "20",
    "createdOn": "2011-05-11...