JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://raw.github.com/wycats/handlebars.js/master/dist/handlebars.js"></script>
<script id="falsy-template" type="text/x-handlebars-template">
{{#if order}}
  {{#if id}}
a1
  {{else}}
a2
  {{/if}}
{{else}}
a3
{{/if}}

{{#if text}}
  b1
{{else}}
  {{#if id}}
    b2
  {{else}}
    b3
  {{/if}}
{{/if}}     
</script>

<script id="valid1-template" type="text/x-handlebars-template">
{{#if order}}
  {{#if _id}}
a1
  {{else}}
a2
  {{/if}}
{{else}}
a3
{{/if}}

{{#if text}}
  b1
{{else}}
  {{#if id}}
    b2
  {{else}}
    b3
  {{/if}}
{{/if}}     
</script>

<script id="valid2-template" type="text/x-handlebars-template">
{{#if order}}
 {{#if id}}
a1
  {{else}}
a2
  {{/if}}
{{else}}
a3
{{/if}}

{{#if text}}
  b1
{{else}}
  {{#if id}}
    b2
  {{else}}
    b3
  {{/if}}
{{/if}}     
</script>

JavaScript

var falsy          = $("#falsy-template").html();
var falsy_template = Handlebars.compile(falsy);

var valid1          = $("#valid1-template").html();
var valid1_template = Handlebars.compile(valid1);

var valid2          = $("#valid2-template").html();
var valid2_template = Handlebars.compile(valid2);

console.log( "Invalid rendering", falsy_template({}) );
console.log( "Valid rendering #1", valid1_template({}) );
console.log( "Valid rendering #2", valid2_template({}) );