T3 Stack に関連する情報 + α を収集してみる。
ymgn公式ドキュメント
グッズも売ってる。
ymgnTailwind 関連の便利パッケージ
これらを全て入れると訳が分からなくなると思うので、慎重に選定する。
clsx
クラスをスッキリ書けるパッケージ。最初からこれで書いていきたい。
tailwind-merge
外部からコンポーネントのスタイルを上書きしたい時に、競合するスタイルを削除してくれるパッケージ。
Tailwind Variants
バリアントを簡単に定義できる(primary, secondary とか)パッケージ。
他にレスポンシブ対応を楽に書けたり、スロットで外部からスタイルを上書きすることもできる。
ymgnUI コンポーネントライブラリ
shadcn/ui
Radix UI + Tailwind ベースの UI コンポーネント集。
公式ドキュメントにこう書いているから、コンポーネントライブラリと呼ぶのは間違いっぽい。
This is NOT a component library. It's a collection of re-usable components that you can copy and paste into your apps.
コンポーネントをコピペで増やしていけてかなり DX が良い。
clsx() と twMerge() をラップした cn() も提供してくれるので使いやすい。
ymgnその他気になるパッケージ
Umami
オープンソースの Google Analytics の代替。
Drizzle ORM
SQL の ORM 。
個人的には T3 Stack で選定されている Prisma は独自の記法を覚えないとダメなのと、クエリの発行方法が SQL らしくないのがしっくりこないため Drizzle ORM の方が好み。
Kysely
タイプセーフに書ける SQL query builder 。
Drizzle ORM よりもこのライブラリの方が好みかもしれない。
React Hook Form
使い方覚えないとですね...。
状態管理
Meta 製ということで、状態管理が必要になるような案件では採用（サードパーティのパッケージを増やしたくないという意図）したいところ。
（個人的には Jotai も気になっているが...）
Recoil に比べて軽量かつ Key の指定が不要なのが魅力的。日本人が開発していることもあって、情報も手に入りやすい。
個人開発では積極的に使っていく。
ymgn学習リソース
SQL 関連
- Udemy | 【22日間で学ぶ】SQL文、分析関数、テーブル設計、SQLチューニングまでMySQLで覚えるSQL実践講座
- リレーショナル・データベースの世界
- SQLite Home Page
- SQLite入門
- MySQL徹底入門
- 3 版、4 版を両方読むといいらしい
Tailwind 関連
gihyo の Tailwind CSS実践入門 は連載になっているので全て読むと良さそう。
React / Next.js 関連
デプロイ関連