「JSX キモい」に反論してみる - Qiita

《2020 年 10 月 1 日追記》 この記事の内容をさらに練った上で総括したものを『りあクト！ TypeScriptで始めるつらくないReact開発 第3版【Ⅱ. React基礎編】』の「第5章 JSX で UI を表現する」に収録しています。 ほぼ 3 年越しのセルフアンサー本です。リンク先の無料サンプルで読めます。 プロローグ 本来「キモい」という主観の表明に正しいも間違っているもないので反論などは成り立たないとは思うのですが、世界での DL数では他のフロントエンドフレームワークを圧倒し、もはや jQuery さえ凌駕する React に対して、食わず嫌いの正当化のための言説に用いられている感すらあるので、一度ちゃんと論じておきたいテーマでした。 なお想定する対象読者は React を本格的に使ったことのないエンジニアですので、バリバリ React を使っている人には当たり前すぎ

[mushus]

HTMLの一部を切り出してコンポーネント化したいのに、コンポーネント側のエントリーポイントがHTMLじゃなくてJSなところが異様な感じ醸し出してるんだと思う。

[tzt]

「JSXキモい」ってのは「（死んだはずのレガシーPHPがゾンビになって蘇ってきたみたいで）JSXキモい」ってことだよw

[kijtra]

むしろテンプレートじゃなくJavaScriptの拡張(なのにHTML書く)だからキモがられてるんじゃ？

[z1h4784]

こういう手合いに1年くらいJSXを使わない現場に行かせて、戻ってきた後でかつて自分が書いたJSXをメンテさせるとどうなるか実験したい

[Funyapu]

半日かかってマジレスした後で気づいた。要は、 スキーマにロジックぶち込みますか！？の一言で終わる気がスル / あ。触っちゃいけない人だったかも。ブコメはずるいと思ってQiitaで書いたんだけどなぁ…

[sezemi]

“「そうは言ってもデザイナーさんに JSX 書けんの？ 書けないでしょ」” で、弊社riotにしたら、エコシステムが、が、が、

[onefootinthegrave]

プログラムにHTMLをまぜるか、HTMLにプログラムをまぜるかの違いだから(見た目の話ね)、キモいとは思わない。 けどなんかこの人の主張はモヤっとするなあ。 なんでだろ。

[masawada]

サーバサイドWAFのテンプレートエンジン使っててもコンポーネントごとに分割して書くことはできるし、デザイナの部分はポジショントークでしかないし(そんなん力量によるやろ)、何が反論なのか全く分からんかった

[megazalrock]

そうなんだ、じゃあ私Vue行くね／実際あんまり反論出来てない気がするんだが、JSXの強みってJSの拡張であるが故にViewが完全にプログラマブルなところじゃないの。

[Tomato-360]

JSXはDOMをプログラマブルにしてくれるところがいいと思う。Viewのライブラリというのもそのあたりから来ている感じがする。ところでVue.jsでもJSX使えるけどいかがかしら。

[tettekete37564]

2022 年末。JSX のサジェストトップに「気持ち悪い」が出てくるのなんでだろ？と思ったらｗ

[ledsun]

JSXはキモい。HyperScriptを手で書くより遥かにマシ。UIイベントとそれ以外のイベント（主にサーバからのpush）を扱う一定以上複雑なUIでは、DOM更新ロジックを手で書くと、デザイン変更のコストがとても高くなる。

[rgfx]

「コンポーネントを作成するための DSL」がほしいところにああいう気持ち悪い書式を作っちゃうところがダメ。

[ponday]

JSXはキモい。AngularやVueのテンプレートもキモい。JSファーストでViewとロジックが包含されてるのが良いか、HTML標準に近い形でViewとロジックが明確に分かれてるのが良いか。気に入ったほう使えば良いってだけ。

[tofu-kun]

コンポーネント指向の部分は同意

[umai_bow]

JSXは単なる糖衣構文だから見た目のインパクトの割に魔法感は少ない。その対極がVueのテンプレート

[uva]

でもデザイナーの人もキモいって言ってたよ

[cpw]

デザイナが書けるレベルのアプリならおそらくReact必要ない。jsxは痒いところに手が届いて素晴らしいと思う。Reactで唯一気に入らないのコンパイルの遅さ。babelの問題かな？1秒以内にコンパイル終わって欲しい。

[snowcrush]

DeNAのあれかと思って、おっ、と思ったけど普通にReactの話だった。

[knjname]

同意。react-domだけの段階でも割とHTMLではない。そしてTypeScriptでガンガン型や補完を使う以上は避ける意味がない。むしろ歓迎すべきもの。

[bottomzlife]

べつにテンプレート言語だからキモいだなんてぜんぜん思ってない。わざわざあんなクソみたいに視認性低いシンタックスシュガーつくるのがキモいと思ってるだけ。おまえはSendmail CFの時代に還れ

[akabekobeko]

よい反論。テンプレートというより JS における UI/DOM リテラルと認識してる。過去に WPF/XAML でアプリ実装してたときもコード ビハインドでなく LINQ のように構文拡張な UI リテラルがほしかった。

[uehaj]

「むしろ (1) の v-xxx や (2) の *ngXxx のほうがキモいと感じるようになってきます。なぜならこれらは、Vue や Angular が用意した、他では全く通用しない独自リテラルだからです。」同意

[tuki0918]

ワシだったら、メソッドにするか一度変数に突っ込んでからJSX内で呼び出す

[odakaho]

デザインがコロコロ変わらないならいいんだけどね