title: Shorthand for foo={foo} bar={bar}
body: <p>I'm new to JSX and I have found myself doing a TON of <code>&lt;Component foo={foo} bar={bar}&gt;</code></p>
  
  <p>To not end up double typing <code>foo</code> and <code>bar</code> I was using object spread <code>&lt;Component {...{foo, bar}}&gt;</code></p>
  
  <p>However I think this is not transpiled by JSX, instead it is an expression executed at runtime, which is wasteful overhead. Is there anyway to tell shorten <code>foo={foo} bar={bar}</code> to something like just <code>&lt;Component foo bar&gt;</code>? Right now if I do this it sets <code>foo</code> and <code>bar</code> to <code>true</code>.</p>