JSX незнакомый синтаксис. Где почитать?

Question

[Сергей]

Объясните мне старику что это за синтаксис такой,

const routes = ( /* тут понаписано */) 
// или вот такое 
let foobar = ( /* и тут понаписано  */)

Я смотрю на описание https://developer.mozilla.org/en-US/docs/Web/Java... и вижу что так нельзя.
Это вообще что и откуда? Где можно почитать?
Ну и в добавок, наткнулся на что то вроде "@withStyles" в одном приложении с реактом. Что это?

Answer 1

[Алексей Уколов]

Доброе утро, это ES6.
habrahabr.ru/post/175371

Comments

[Сергей]

Обратите внимание на то что скобки круглые.
Это похоже не let expression. let expression support has been dropped in Gecko 41
Или на let blocks
The let block and let expression syntax is non-standard and will be removed in the future. Do not use them!

[Андрей Антропов]

Сергей: Доброе утро https://babeljs.io/

[Сергей]

Спасибо. Смотрю. Но тут https://babeljs.io/docs/learn-es2015/#let-const нет ничего похожего. Может по точнее подскажете?

[Алексей Уколов]

Сергей: вполне возможно, что скобки не имеют никакого отношения к конструкции, может, они просто для группировки.

[Сергей]

Алексей Уколов: Действительно. Работает без скобок так же как и со скобками. Видимо это не имеет отношения к ES6.

[Никита Гущин]

Сергей: @withStyles - это декоратор из ES7 -https://github.com/wycats/javascript-decorators

[Сергей]

Никита Гущин: Спасибо