JSFiddle - React, Tailwind, and code Playground

HTML

<html>

<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.js"></script>
<script type="text/javascript" src="http://github.com/jquery/jquery-tmpl/raw/master/jquery.tmpl.js"></script>
</head>
    
<body>
<button id="start">Start</button>

<script type="text/tmpl" id="slow-list">
    {{each elems}}
        <p>{item}</p>
    {{/each}}
</script>

<script type="text/tmpl" id="fast-list">
    <div>
        {{each elems}}
            <p>{item}</p>
        {{/each}}
    </div>
</script>
    
<hr />

<div id="slow"></div>
    
</body>
</html>

JavaScript

$('#start').click(function () {
    var $slow = $('#slow-list'),
        $fast = $('#fast-list'),
        $div = $('#slow'),
        data = {elems: []},
        start, end;
    
    for(var i = 0; i < 100; i++) {
        data.elems.push({item:i});
    }
    
    start = +new Date;
    $fast = $fast.tmpl(data);
    end = +new Date;
    alert('Fast: '+(end - start)+' ms');
    
    start = +new Date;
    $slow = $slow.tmpl(data);
    end = +new Date;
    alert('Fast: '+(end - start)+' ms');
    
//    $div.append($slow);
//    $div.after($fast);
});