JSX Compiler interpolation alternatives. about jsx

[yiminghe]

can just be simplified to

<div x={a:1}>

const spreadReg = /^\.\.\.[\w$_]/;
const objReg = /^[\w$_](?:[\w$_\d\s]+)?:/;
const es2015ObjReg = /^[\w$_](?:[\w$_\d\s]+)?,/;


// {a:1}, {...a}, {a,b} not {[a,1,2]}, {x}, { x + 1 }
function isObject(str) {
  return str.match(spreadReg) || str.match(objReg) || str.match(es2015ObjReg);
}

[DylanPiercey]

@yiminghe my issue was never the simplicity in terms of compactness, but the simplicity in terms of explaining it to others.

Like I said, in javascript curly braces are used to denote blocks/scopes and objects. Anything that can be wrapped in parentheses in javascript must be an expression. In React the interpolation is always an expression so I think it would make sense to make the syntax look such that you were dealing with an expression.

Looks like @sebmarkbage put this down as a consideration for [email protected] which would be sweet.