Javascript jsx

From wikinotes

JSX is an extension of javascripts syntax written by facebook,
that gets transpiled into native javascript.

Documentation

github https://github.com/facebook/jsx
specification https://facebook.github.io/jsx/

Example

var name = "cat"
var box = jsx`<h1>Hello {name}</h1>`

Syntax

jsx`...`  // a JSX expression

jsx`
<element></element>   // open/close element
<element/>            // self closing element
`

jsx`{js-expression}`  // evaluate js expression

You can also use JSX directly

let box =
  <Box>
    {
      // ..
    }
  </Box>;