JSFiddle - React, Tailwind, and code Playground

by Durtto

JavaScript

var data = { 
    workerName: 'John Smith', 
    department: 'QA', 
    tasks: [
        {id: 1, name: 'Test 1', duration: '3h'},
        {id: 2, name: 'Test 2', duration: '4h'},
        {id: 3, name: 'Writing report', duration: '1h'}
    ]
};

var tpl = new Ext.XTemplate('<div id="tasks-list">',
    '<tpl for=".">',
    '<p>No. : {#}. </p>',
    '<p>Name: {name}</p>',
    '<p>Duration: {duration}</p>',
    '<p class="separator"></p>',
    '</tpl>',
    '</div>'
);

tpl.append(Ext.getBody(), data.tasks);