JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://unpkg.com/[email protected]"></script>
<script src="https://unpkg.com/[email protected]"></script>
<div id='container'></div>

<script id='myTemplate' type='text/ractive'>
    <p>Selected values are {{ JSON.stringify(options) }}</p>

		{{#each options:i}}
		<fieldset>
    		{{#each this:i}}
            <label><input type="radio" name="{{.value}}" value="1"/>1 </label>
            <label><input type="radio" name="{{.value}}" value="0"/>0 </label>
        {{/each}}
		</fieldset>
		{{/each}}
</script>

JavaScript

var ractive = new Ractive({
    el: 'container',
    template: '#myTemplate',
    data: {
        
    },
    onrender: function(){
    	var rv = this;
    	setTimeout(function(){
    		rv.set('options', [
        		[
                { value: undefined },
              	{ value: undefined }
            ],
            [
                { value: undefined},
              	{ value: undefined}
            ]
        ]);
        
        console.log(rv.get());
      }, 1000);
    }
});