JSFiddle - React, Tailwind, and code Playground

by Eric Howe

HTML

<script src="https://raw.github.com/wycats/handlebars.js/1.0.rc.2/dist/handlebars.js"></script>
<script id="t" type="text/x-handlebars">
    <ul>
        {{#each errors}}
            {{#if is_status}}
                <li>Status</li>
            {{else}}
                <li>{{msg}}</li>
            {{/if}}
        {{/each}}
    </ul>
</script>

JavaScript

var errors = [
    'Where is pancakes house?',
    'some message',
    'One cent stamp'
];

for(var i = 0; i < errors.length; ++i)
    errors[i] = { msg: errors[i], is_status: errors[i] == 'some message' };

var t = Handlebars.compile($('#t').html());
$('body').append(t({ errors: errors }));