Pull to refresh

Comments 14

А зачем отказываться от Typescript, если c версии 1.6 он поддерживает JSX? Ну и на счет редакторов отдельных, вроде все основные сейчас поддерживают JSX синтаксис с удобным редактированием…
Хотел добавить, что, например, при использовании TSLint, будет удобно использовать JSX, а в вашей ситуации он не поймет этого и будет применять общие правила, не делая подсказки специфичные для JSX…
Именно — Typescript уже чуть больше года решает все три ключевых проблемы JSX, из-за которых автор решил изобрести свой велосипед. Неудобно получилось…
ReactJS — это Javascript библиотека для разработки веб-компонентов на основе виртуального DOM. ReactJS стал уже достаточно популярен за тот год, как его выпустила в свет компания Facebook.

по-ходу статья очень долго лежала на полке, с учетом того, что первый публичный релиз был в 2013 году
Typescript прекрасно поддерживает TSX, при этом еще и проверку типов для props во время компиляции проводит.
https://www.typescriptlang.org/docs/handbook/react-&-webpack.html
Возможно мысль и благая, но лично меня смущает возможный просмотр листингов хотя бы среднего компонента в таком стиле. Какой-нибудь формочки, например.

Во-первых, на мне кажется, что увеличивается возможность допустить ошибку
Во-вторых, да же на среднем мониторе будет сложно это просматривать. Возможно кровотечение из глаз и поломку мозга
Ага, чем-то мне это напоминает BEMJSON. Но большие листинги даже для jsx это зло и трудно для чтения.
Согласен.
Касательно BEMJSON, возможно, когда-то смотрел, но лично дело не имел.
Чем-то похож на elm-html. Со всеми вытекающими проблемами для верстальщиков…

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


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

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

p.s.
неприемлЕм?
отказ от использования TypeScript

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


render: function () {… }

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

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

el('div', {myProp: 'hello'}, 
    el('span', {className: 'myClass'}, 'inner')
);
Sign up to leave a comment.

Articles