-
1:以下、名無しがお送りします
Panda CSSって聞いたことある?
-
5:以下、名無しがお送りします
Chakra UIの人が作ったCSS-in-JSライブラリだよね
-
13:以下、名無しがお送りします
>>5 そうそう ビルド時にCSSを生成するからパフォーマンスがいいらしい
-
15:以下、名無しがお送りします
Tailwindみたいなショートハンドが使えるのが良さそう
-
20:以下、名無しがお送りします
>>15 Stitchesみたいなバリアント記法も使えるみたいだし
-
30:以下、名無しがお送りします
Chakra UIのレイアウトとテーマの仕組みも取り入れてるって
-
40:以下、名無しがお送りします
>>30 Chakraのいいとこ取りって感じか
-
43:以下、名無しがお送りします
でもまだ新しいライブラリだから本番で使うのは怖いな
-
51:以下、名無しがお送りします
>>43 確かにドキュメントもまだ整ってない感じするし 実績も少ないよね
-
56:以下、名無しがお送りします
>>51 バグとか出たら大変そう
-
58:以下、名無しがお送りします
ダウンロード数は伸びてるみたいだけどね
-
61:以下、名無しがお送りします
>>58 パフォーマンスとDXを両立できるのが魅力的なんだろうね
-
63:以下、名無しがお送りします
>>61 ランタイムのないCSS-in-JSって感じ?
-
67:以下、名無しがお送りします
>>63 そういうの増えてきてるよね Vanilla Extractとか
-
73:以下、名無しがお送りします
>>67 でもPandaはTailwindみたいなユーティリティクラスも吐けるのが強みかも
-
81:以下、名無しがお送りします
Chakra UIからの移行とかも将来的にはありえるのかな
-
90:以下、名無しがお送りします
>>81 Emotionのパフォーマンス問題が解決できるならありそう
-
100:以下、名無しがお送りします
>>90 でもChakraの開発リソースが分散しそうで心配だわ
-
105:以下、名無しがお送りします
>>100 ParkUIとかZag Arkとか色々手を出しすぎな気もする
-
112:以下、名無しがお送りします
Pandaに依存せずにプレーンなCSSで書けるのは良さそうだけどね
-
122:以下、名無しがお送りします
>>112 Pandaはあくまでもビルドツールとして使う感じか
-
126:以下、名無しがお送りします
>>122 CSS Modulesとかと組み合わせて使うのがいいのかも
-
128:以下、名無しがお送りします
実際に使ってる人の意見が聞きたいな
-
136:以下、名無しがお送りします
>>128 導入事例とかまだあんまりなさそうだよね
-
139:以下、名無しがお送りします
>>136 ちょっと様子見かなー
-
147:以下、名無しがお送りします
Tailwind CSSに飽きてきた人向けって感じするわ
-
155:以下、名無しがお送りします
>>147 Tailwindはクラス名が長くなりすぎるのが悩みどころだしね
-
165:以下、名無しがお送りします
>>155 あとカスタマイズしづらいのも難点
-
175:以下、名無しがお送りします
>>165 PandaはCSS-in-JSだからそのへん柔軟そう
-
179:以下、名無しがお送りします
ライバルはVanilla Extractあたりかな
-
186:以下、名無しがお送りします
>>179 Vanilla Extractはよりプレーンなアプローチだけど Pandaはもう少し抽象化されてる印象
-
187:以下、名無しがお送りします
>>186 Pandaの方がTailwindユーザーは入りやすいかも
-
197:以下、名無しがお送りします
Storybook addonが出たら本格的に使ってみたいな
-
201:以下、名無しがお送りします
>>197 コンポーネントカタログ作るのに便利そう
-
209:以下、名無しがお送りします
UIライブラリ自作する人にもおすすめできそう
-
219:以下、名無しがお送りします
>>209 Zagとの連携が売りっぽいしね
-
226:以下、名無しがお送りします
>>219 状態管理まで含めてゼロから作れる
-
236:以下、名無しがお送りします
Pandaの名前の由来が気になる
-
238:以下、名無しがお送りします
>>236 パンダはモノトーンだからとかかな? 深い意味はなさそうw
-
241:以下、名無しがお送りします
とりあえずサンプル作ってみて使い勝手を確かめるのが先決だな
Panda CSSってどう?
コメント2件
Panda CSS - Build modern websites using build time and type-safe CSS-in-JS
Build modern websites using build time and type-safe CSS-in-JS
コメント(2件)
-
12024年4月6日 11:10
結局、学習コストはどうなんだろう
-
22024年4月6日 13:57
DX向上って言うけど、どこまで楽になるのかな