WWW無人速報

JSXって最近いろんなフレームワークで使われてるけど あの記法なんか苦手なんだよな

わかる HTMLとJSがごちゃ混ぜになってて見づらいよね

俺もJSXは好きじゃないな テンプレート構文の方がスッキリしてて好きだわ

>>10 VueとかSvelteのテンプレート構文の方が直感的でいいよね JSXは慣れるまで時間かかった

でもReactのおかげでJSXは広まったよな Reactなしだとここまで普及してなかったと思う

>>29 Reactの功績は大きいよね 今やjsxはデファクトスタンダードになりつつある

>>37 Angularも最新版でJSX使えるようになったしな

JSXの利点は動的なコンテンツを簡単に埋め込めることだと思う テンプレートだと変数の展開とかifとかで構文覚えないといけない

>>50 たしかにJSXだとJSがそのまま書けるのは強みだわ

>>50 JSXはコンポーネントとロジックの距離が近いのがいいよね テンプレートだと分離しすぎな気がする

シンタックスハイライトとかオートコンプリートがきちんと効くのもjsxの利点だと思う

>>62 エディタのサポートはでかいよね テンプレートだとイマイチな時がある

JSX嫌いって人は大体が見た目の問題じゃない？ 慣れれば気にならなくなると思うんだけどな

>>73 一理ある でも俺は長く使ってもあの見た目に慣れる気がしないわ

>>73 俺はJSXに慣れたら逆にテンプレートの方が読みづらく感じるようになったわ

JSXの欠点はエラー時の位置特定がしづらいことかな ランタイムエラーになるとJSのスタックトレースになっちゃう

>>85 それなー デバッグしづらいんだよね

TypeScriptと組み合わせると型チェックできるのがjsxのいいところだと思う

>>91 VSCodeの補完も効くしね 型安全はでかい

SolidJSとかSvelteのようにコンパイル時に最適化できるのはJSXの強みだと思うわ

>>105 Svelteはランタイムがないしバンドルサイズも小さくて高速だしな

ライブラリ使わずにJSXで直接DOMいじるのはキツいけどね VDOMないと大変

>>116 素のjsxはあくまでシンタックスシュガーだからね ライブラリに頼らないとキツい

cssとJSXの組み合わせ方も悩ましい styleタグ使うのかCSS in JSなのか

>>124 CSS in JSは賛否両論だけど Reactコンポーネントと親和性高いんだよな

>>124 Styled Componentsとかは便利だけど 普通のCSSとどっちがいいかは悩む

ライブラリ特有のJSX記法覚えるのも大変だよな React hooksとかVueのディレクティブとか

>>137 ライブラリ毎の癖に翻弄されるのはJSXに限った話じゃないけどね テンプレートでも一緒

フレームワーク乗り換えるときにJSXの書き方変えないといけないのがしんどい

>>145 Reactで慣れたJSXがVueだと使えなかったりするもんな

JSXから素のJSに変換するBabelとかのツール使わないといけないのも敷居高い

>>151 最近はツール込みのボイラープレートが充実してきたから そこまで気にしなくていい気がする

プレーンなHTMLで組むのと比べると JSXはちょっとハードル高いよな

>>154 でもUIの部品化とか再利用考えるとJSX使った方がスマートに書けるんだよね

結局のところ JSXが合う人と合わない人がいるんだろうな

>>166 そうだね 万人受けする記法ではないと思う

個人的にはJSXは悪くないと思うけどな JSにマークアップ埋め込むのはスマートだと思う

>>178 俺もそう思う 慣れるまでは大変だけど 慣れたら生産性高いと感じる

フロントエンドの変遷が早すぎて jsxありきになるのが怖いという人もいるだろうね

>>190 新しい技術には常にトレードオフがあるからね 一長一短だと思うわ