memo @240221*
react strict dom
はreact dom
とどう違うのか。。react strict dom
はreact
をWebでもNativeでも動かせるようにするためのAPIとかをより絞ったDOM
ライブラリ。RSD
と略される。React DOM
とStyleX
の実験的な統合。Tailwind CSS
もいいけどReact
とReact Native
の互換性を目指すならStyleX
というのが読み取れる。
React
を使用するときReact
とReact DOM
という2つのパッケージを入れるけれどもReact DOM
とはreact
をWeb上で動かす為のライブラリ。React
は仮想DOMとかを扱ってるけれどもそれをリアルDOMにプッシュするのもReact DOM
。
Astro
Astro
は昨今SSR
もできるようになってるというのもあって静的なWebサイトのみならず動的なWebサイトでも使われるようになってきてる。Astro
はReact
のフレームワークではなくてVue.js
Svelte
などとも使用できるプラットフォームのようなフレームワーク。またIslands Architecture
(JSとかをあまりブラウザに送らない分パフォーマンスよくアプリを実装できる)を採用してる。
認証(React)
Supabase
を使って認証もDBも一気通貫して行うか、或いはDBはPlanetScale
を使ってDB認証はAuth.js
とかLucia
を使って行う。OAuth認証ならClerk
を使うというのが一般的。
TRPC
TRPC
はフロントエンドとバックエンドで一気通貫して型安全なアプリケーションを作るためのFW。tRPC
とPrisma
とreact-query
を使用することによってPrisma
によってスキーマを定義しTRPC
によってAPI層を作ってそのAPI層をフロントエンドからそのまま呼び出せる(同一リポジトリ)。
TRPC
側(バックエンド)で定義する型をフロントエンドでそのまま呼び出せる。