Re:Panda CSS: build time and type-safe CSS-in-JS
by williamcotton on Monday February 05, 2024 @10:49PM
(#39270526)
Especially since CSS now supports imports, variables, nested children and other features that have rendered the CSS processing tools of yore obsolete.
Re:Panda CSS: build time and type-safe CSS-in-JS
by newzisforsukas on Monday February 05, 2024 @11:22PM
(#39270766)
control structures? actual expressions?
I am not arguing for using sass, et al, but CSS preprocessors still have their place for those who wish to utilize them.
Re:Panda CSS: build time and type-safe CSS-in-JS
by Waterluvian on Monday February 05, 2024 @10:55PM
(#39270567)
CSS feels just about perfect now. Any more convenience features and it would probably start feeling overly abstracted to me.
Re:Panda CSS: build time and type-safe CSS-in-JS
by cjpearson on Tuesday February 06, 2024 @02:32AM
(#39271805)
I don't disagree with the main point here, but the dev-dependencies won't be installed or run on your machine unless you're building Tailwind or Panda itself. They're not necessary for processing the CSS.
Re:Panda CSS: build time and type-safe CSS-in-JS
by christophilus on Tuesday February 06, 2024 @07:53AM
(#39273666)
I know, but there’s something about having many hundreds / thousands of dev dependencies that seems like a signal of mindset.
How much do they care about simplicity, bloat, efficiency, security? The number of dependencies is a signal. Maybe not an important one, though.
Re:Panda CSS: build time and type-safe CSS-in-JS
by SeriousStorm on Tuesday February 06, 2024 @10:28AM
(#39275262)
None of Tailwind's dependencies ship to your production app. Tailwind is a CSS build system (mostly) so when you build for prod, the only thing that ships to prod is a CSS file.
Re:Panda CSS: build time and type-safe CSS-in-JS
by charrondev on Tuesday February 06, 2024 @10:35AM
(#39275400)
Is there a way to install only your own dev dependencies?
As far as I can tell installing a package will also pull down all of its dev dependencies. This unfortunately leads to many typescript related annoyances such as jest typescript global types being pulled in despite not needing them.
One thing that bugs me about this (and Tailwind) is the number of dependencies they pull in. Panda has 152 nodes (239, if you count their dev-dependencies)[0].
Tailwind has 98 (594 if you count their dev-dependencies).
I know they're only dev-dependencies, but still... I've got all of that code running on my machine, just to process CSS. I really don't love it.
[0] https://npmgraph.js.org/?q=%40pandacss%2Fdev