title: In JSX, Why does a boolean return its self (checkbox scenario)?
body: <p>I am brand new to React/JSX and don't understand why things work the way they do.</p>
  <p><code>&lt;input type=&quot;checkbox&quot; checked=true /&gt;</code> returns <code>&lt;input type=&quot;checkbox checked /&gt;</code>
  <code>&lt;input type=&quot;checkbox&quot; checked=false /&gt;</code> returns <code>&lt;input type=&quot;checkbox&quot; /&gt;</code></p>
  <p>If checked=true, the HTML is returned like <code>&lt;input type=&quot;checkbox&quot; checked&gt;</code>. If checked=false, checked is omitted. What this looks like to me is that if a JSX property is set to true, it displays its self inline with the html. If false, it doesn't.</p>
  <p>I can't wrap my head around how this works... because we could use the same thing for passing a value up, which would magically not be displayed in the HTML, would it?</p>
  <p>I am having a hard time articulating myself but don't know where else to ask!</p>
  <p>Thank you!</p>