JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://zopyx.de/nunjucks.min.js"></script>
<div id="template" style="display: none">
{{ items }}
{{ items.length }}

{% for item in items %}
    <li>
        {{item.title}}
    </li>
{% endfor %}

<table border="1">
  {% for item in items %}
  <tr>
    <td>{{item.title}}</td>
  </tr>
  {% endfor %}
</table>
</div>

<div id="target" ></div>

JavaScript

var params = {
 items: [
    {title: 'a'},
    {title: 'b'},
    {title: 'c'},
    ]
};

     
template = $('#template').html();
nunjucks.configure({ autoescape: true });
var rendered = nunjucks.renderString(template, params);
$('#target').html(rendered);