Vue + JSX + Nuxt Composition API で最高のフロント開発体験 - ANDPAD Tech Blog

はじめに ANDPADでフロントエンドの開発を担当している小泉です。 前回、約3ヶ月前にVue Composition APIをチームで導入して得られたメリットという記事を書かせて頂きました。 その後、今年の5月頃からまた新たなプロダクトの立ち上げを担当する機会があり、フロントの技術選定についていろいろ検討する中で、Vue.jsでもJSXを使って書けること、かなり導入しやすくなっていることを知りました。 そこで、Nuxt Composition API + TSXという組み合わせを採用してみたところ、かなり使いやすく、Vue と React のいいとこ取りができて最高 なのではないかとさえ思いました。 この記事では、そんなVue + TSX の導入方法と、メリット・デメリット、そして使う際のTipsをいくつか紹介しています。今後のフロントエンドの技術選定や、Vue + JSXでの開発に興味

[laiso]

“Nuxt.jsは target: "static" とssr: falseを設定することで、静的ホスティングであっても /{id}/ のようなページに直接アクセスできますが、Nextではこの設定がありません。” そういえばそうなのか

[zxcvdayo]

モジュールとかほんそれで脳死nuxtマジで楽だがv3が出てこなくてvueは分断されてしまった。nuxt対応早ければ意外とすんなりみんなv3移行できてたような気もすんだけど、nuxt停滞してる間にみんなnext行ってしまった。v3はよ

[apple19940820]

Vue3だとVolar使っていればイベントの型（とvalidator自体）を見られるし、vue-tscで型チェックもできるのでemitに寄せても問題ないと思う "（Vue 3ではイベント名だけはあらかじめ指定できるようになります）"

[aktkro]

jsxで書くならreactでよくない？というかreactの方がよくない？と思ったらNuxtのが要件にあってたのか。

[efcl]

Vue + TSXｎ組み合わせについての記事

[sasasin_net]

みっちり技術選定しており、とてもよい

[mdlkeiwaring]

Nuxt3待ちな感じがした

[nao-bt]

jsxでかけるのか…。多分やらんけども…。いや、結構いいかもしれん。。

[cl-gaku]

NuxtとNextって意外なところに違いあるのね

[hideburon_joint]

参考になる

[yarumato]

“Vue.jsでもJSXを使える。VueとReactのいいとこ取り？　そもそも、Vueのemitはコンポーネントが相互依存になってコード追跡難しいので使わずpropsだけ。Composition APIのreactiveも使わずrefだけ。React的な発想”