JSXが実はベターな解だったのではないか？｜erukiti

JSXとHTMLベースのテンプレート言語の比較を行い、批判されがちなJSXが実はベターな解だったのでは？という記事です。 僕の結論は、HTMLとJSのどちらが制御構造を持てばいいのか？でいえばJS側が持つ方がリファクタリングしやすいため、JSXの方が良いというものです。 さて、先日、JSフレームワーク事情2020年始めという記事を書きました。これは、JavaScriptフロントエンドフレームワーク、Angularの人気が下落中という記事の元ソースであるThe State of JavaScript 2019を見ながら、React/Vue/Angularや、Next/Nuxt/Gatsbyが置かれている状況を解説するものでした。 他には、確証はないものの、Reactのシェアと人気がともに高い理由は、意外にJSXにもあるのではないか？と考えています。VueもAngularも基本的にはHTMLを

[enemyoffreedom]

ロートルとしてはテンプレート系の方が慣れてて楽だが、世界はそうは動いてくれないか / マークアップの側にロジックが混ざる方がマシか、ロジックの側にマークアップが混ざる方がマシか。テスト容易性では後者なのか

[onefootinthegrave]

jsx最初は気持ち悪かったなあ、、、慣れたけど。ただみんなデザイナーと協業するときどうしてんだろ、という疑問はある。

[stibbar]

https://ja.reactjs.org/docs/introducing-jsx.html

[tmtms]

「特殊な例外を覗いては」→「除いては」

[hyirm]

しっくりくる！

[hirose504]

vueならcomputedでcontentsを返すようにしてmodeによって返却値変えれば良いのでは？全部真正直にテンプレート内のディレクティブだけででやる必要はないでしょ

[wordi]

Vueはslotで出来そうな

[yojik]

再利用のために不必要に細分化されたレンダリング用関数が散らばるより、 重複があっても肥大化したtemplateがドンとある方がマシに思える。(すべて自分でコントロールできるなら前者の方が美しいけど)

[laiso]

どこに振る舞いを書いて、どこに宣言を書くかという話に見える。関数型プログラミングの利点が活かせるので僕もReactの記法が好きだけど逆の立場からは「UIとコードが結びつけるのが複雑」と映ると思う

[takezaki]

“JavaScriptフロントエンドフレームワーク、Angularの人気が下落中という記事の元ソースであるThe State of JavaScript 2019を見ながら”

[pullphone]

「ちょっとした」動きを入れたいならtpl系（というかmvvm）に分があると思うけど、どうせそのうち「ちょっとした」の範疇を超えてくるので最初から JSX 使ったほうが良いよね感がある（なので Vue は使いたくない）