Closed2

memo @240221*

nakamotonakamoto

https://github.com/facebook/react-strict-dom
react strict domreact domとどう違うのか。。react strict domreactをWebでもNativeでも動かせるようにするためのAPIとかをより絞ったDOMライブラリ。RSDと略される。React DOMStyleXの実験的な統合。Tailwind CSSもいいけどReactReact Nativeの互換性を目指すならStyleXというのが読み取れる。

Reactを使用するときReactReact DOMという2つのパッケージを入れるけれどもReact DOMとはreactをWeb上で動かす為のライブラリ。Reactは仮想DOMとかを扱ってるけれどもそれをリアルDOMにプッシュするのもReact DOM

nakamotonakamoto

https://www.robinwieruch.de/react-trends/

Astro

Astroは昨今SSRもできるようになってるというのもあって静的なWebサイトのみならず動的なWebサイトでも使われるようになってきてる。AstroReactのフレームワークではなくてVue.js Svelteなどとも使用できるプラットフォームのようなフレームワーク。またIslands Architecture(JSとかをあまりブラウザに送らない分パフォーマンスよくアプリを実装できる)を採用してる。

認証(React)

Supabaseを使って認証もDBも一気通貫して行うか、或いはDBはPlanetScaleを使ってDB認証はAuth.jsとかLuciaを使って行う。OAuth認証ならClerkを使うというのが一般的。

TRPC

TRPCはフロントエンドとバックエンドで一気通貫して型安全なアプリケーションを作るためのFW。tRPCPrismareact-queryを使用することによってPrismaによってスキーマを定義しTRPCによってAPI層を作ってそのAPI層をフロントエンドからそのまま呼び出せる(同一リポジトリ)。
TRPC側(バックエンド)で定義する型をフロントエンドでそのまま呼び出せる。

このスクラップは2ヶ月前にクローズされました