JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://raw.github.com/janl/mustache.js/master/mustache.js"></script>
<script type="text/template" id="template">
{{#posts}}
    <h1>{{type}}</h1>
    {{#fields}}
    <p> {{price}} : {{sale}}</p>
    {{/fields}} 
{{/posts}}
</script>

<div id="output"></div>

JavaScript

var data = { 
    status: "ok", 
    posts: [
        {
            id: 1362,
            type: "ser",
            slug: "av-ss-xiii-3",
            fields: {
                price: [ "550" ],
                sale: [ "rent" ]
            }
        },
        {
            id: 1363,
            type: "ser2",
            slug: "av-ss-xiii-4",
            fields: {
                price: [ "650" ],
                sale: [ "buy" ]
            }
        }
    ]
};

var template = $('#template').html();

var text = Mustache.render(template, data);

$('#output').html(text);