ReactJS: отказ от JSX с сохранением удобства

[Frozik]

А зачем отказываться от Typescript, если c версии 1.6 он поддерживает JSX? Ну и на счет редакторов отдельных, вроде все основные сейчас поддерживают JSX синтаксис с удобным редактированием…

[Frozik]

Хотел добавить, что, например, при использовании TSLint, будет удобно использовать JSX, а в вашей ситуации он не поймет этого и будет применять общие правила, не делая подсказки специфичные для JSX…

[impwx]

Именно — Typescript уже чуть больше года решает все три ключевых проблемы JSX, из-за которых автор решил изобрести свой велосипед. Неудобно получилось…

[timfcsm]

ReactJS — это Javascript библиотека для разработки веб-компонентов на основе виртуального DOM. ReactJS стал уже достаточно популярен за тот год, как его выпустила в свет компания Facebook.

по-ходу статья очень долго лежала на полке, с учетом того, что первый публичный релиз был в 2013 году

[DarthVictor]

Typescript прекрасно поддерживает TSX, при этом еще и проверку типов для props во время компиляции проводит.
https://www.typescriptlang.org/docs/handbook/react-&-webpack.html

[shanhaichik]

Возможно мысль и благая, но лично меня смущает возможный просмотр листингов хотя бы среднего компонента в таком стиле. Какой-нибудь формочки, например.

Во-первых, на мне кажется, что увеличивается возможность допустить ошибку
Во-вторых, да же на среднем мониторе будет сложно это просматривать. Возможно кровотечение из глаз и поломку мозга

[Frozik]

Ага, чем-то мне это напоминает BEMJSON. Но большие листинги даже для jsx это зло и трудно для чтения.

[shanhaichik]

Согласен.
Касательно BEMJSON, возможно, когда-то смотрел, но лично дело не имел.

[j_wayne]

Чем-то похож на elm-html. Со всеми вытекающими проблемами для верстальщиков…

[justboris]

Так можно же так:

const {div, span} = React.DOM;

render() {
    return div({className: "class1", onClick: this.handleClick},
      "Hello " + this.state.value,
      div({},
        span({}, 
          span({}, "Hello " + this.state.value)
        )
      )
    );
}

Это обычный Javascript/Typescript код, и смотрится довольно читабельно. И ничего парсить не надо.

Вот рабочий пример:
http://codepen.io/anon/pen/RoopYY?editors=0010

[Moxa]

а riotjs не пробовали?

[seokirill]

используем тайпскрипт + jsx и не видим препятствий.

p.s.
неприемлЕм?

[amalinin]

отказ от использования TypeScript

Сделал уже 3 проекта с использованием TypeScript(TSX) + React. Не знал, что использование JSX влечёт за собой отказ от TypeScript.

render: function () {… }

Какой смысл использовать TypeScript, если код в сравнении с ES5 практически не изменяется?

[kanstantsin]

Даже если есть цель не использовать JSX, хотя как уже тут заметили, на TS писать JSX даже удобнее, то зачем усложнять, если можно (по памяти):

var el = React.createElement;

el('div', {myProp: 'hello'}, 
    el('span', {className: 'myClass'}, 'inner')
);