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
  • 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:以下、名無しがお送りします

    とりあえずサンプル作ってみて使い勝手を確かめるのが先決だな

コメント(2件)

  • 1

    結局、学習コストはどうなんだろう

  • 2

    DX向上って言うけど、どこまで楽になるのかな