This NPM Package Is A Game Changer For UI Design

🌎 Find Me Here:

#Shorts

[hyperprotagonist]

When you go from Software Engineer to Senior Package Manager.

[nan]

Tailwind + cva is a really nice combo. He didn't mention that it includes a helper type so you can define those variants on your component's props without extra typing. The variant definition itself becomes your component's props for the most part.

[thedelanyo]

I don't know, but is this doesn't seem like overengineering? Just to put stuffs around button.

[TwilightxSilent]

the library main contributor must really like Loki

[ASH-rchd]

Yet another thing that can easily be achieved using css but people use JavaScript for it

[mrniamster]

These new things are just making the simpler approach more complicated day by day !!

[Amaraticando]

Nowadays, any system seems better than styled-components.

[igorswies]

can't you just do this with descendant selectors?

[j.r.r.tolkien]

This is definitely needed in a lot of projects.

[CBTS]

I want to add that you can pass it a string instead of an array so that you get auto sorting with the tailwind prettier plugin.

[fabiocroldan]

Just use CSS, variables, component classes, and utility classes. Throughout 10 years I have seen hundreds of libraries, none of them solve anything. You just have to structure your css well, have global styles when necessary and component styles when they are more specific styles.

[grgmgd]

I love the loki reference, made by kang himself

[denysgl]

This yet another way to bring all of css inside your jsx file. Is it really so required?

[shadowstar]

😮will be useful to use along with tailwind css

[RamazanGevrek]

... or you can just use SCSS instead 😂
Without tailwind nor cva, just CSS with reusability extensions and inheritance

[JesseSlomowitz]

Guess this package is here to prune the non-sacred classes.

[liviubarburo]

when did we started to spend more time on a button styling that on what actually do?

[NoName-]

Nice ... the tailwind users found a long forgotten method to bundle styles into one string: classes.

[favourz]

Thank you for this Kyle!

I've had this problem of finding the right package / plugin / library for my specific need as a developer. Most times i find one that is outdated and not in use again.


Let's say for example. I want an npm package for JSON server. I browse and research but i mostly end up with packages that are not maintained again or there not in use again.


How do i find current useful packages / library / plugin ?

[mprasanth]

I like railwind. But cva makes it looks just like normal css eg., class ="button button-primary"