2020/02/01/フロントエンド技術メモ
最近界隈ではフロントエンドの未来の話が多いけど、今は何の技術使ってるんだっけというのを残しておきたい。
ベース
Nuxt.js
なんだかんだでアプリケーションを作るときはほとんど Nuxt.js 軸になっている
SSR:SSG:SPA が 4:3:2 くらい。
細かな部分
ベースは TSX
./pages/ は SFC
でかめの Presenter は SFC
Vuex は可能な限り使わない
外部系のコンポーネントで軸に据えて良いものは Portal / Fragment
これらは Vue 3 で取り込まれるため
コンポーネント構造とか誰がどこまで持つかは今ブログ書いています
$emit は酷使する
フォームは親が状態を持つ、グローバルは持たない
Vue.js じゃない理由
現代的な SPA は SSR Friendly 前提であるべき
Inject (Context) とのシームレスな連携ができる
Gatsby.js
Web サイト作るときは Nuxt.js or Gatsby.js or ただの静的サイトだった
Gridsome はマジで使い物でならないし、実際仕事で Gridsome to Nuxt.js の移行やった
つらい
TypeScript と連携して使ってる
Nuxt.js で API 以外を使うのが結構面倒というか、例えば .md ベースでうんたらするみたいなのがやりづらいため
VuePress は Web サイトで使うにはちょっとなぁ……
その他
Vue, React, Gridsome, Next.js あたりは使ったけど、自分が携われる場合はあんまり使わなさそう
オピニオンとして、 CRA や自作より圧倒的に React なら Next と思っています
なぜなら Google が噛むということは、「Googleにしか見えていないサイト評価基準の視点を基に貢献」される
すなわち Next/Nuxt を利用することこそが現代における真の SEO である説
UI
Tailwind CSS
これ以外使う気が起きない