ms.js VS clsx

Number of dependencies: one way to tell if a library is not too challenging to be used as study source is based on the production dependencies count. The fewer the better. For example, I chose debug because it only has 1 dependency (ms), while the rest of the code relies on core NodeJS modules - which is exactly what I was looking for - to learn how to build a library from scratch, not off the shelf libraries with many external deps, which in turn are based on more deps. There you go, dependency hell.

8.ms

For recurring habits I just store an ms string, when I tick something off it adds that time for the next time it's due. Easy peasy.

Next.js Redux Toolkit Framer Motion Tailwind Radix UI Radix colors react-use clsx lodash ms

I've been fighting this in many places, but of course there are fools out there who actually defend this practice rather than be indifferent to it at worst. Fixing it in those two places would actually fix about 70–80% of all such instances, since many websites just depend on those libraries. Feel free to upvote them, respectively.

The final and most important function of our Lambda, the loadParameters function accepts a single value named expiryTime that is by default set to 1 hour and can be overridden. I have used the ms library to set human readable time periods which will be automatically converted to milliseconds.

To make class-based Tailwind easy to use, we used the clsx library to help manipulate class names. However, using clsx and Tailwind together often doesn't work as intended.

clsx is a tiny utility for constructing className strings conditionally, I use it in conjunction with tailwind-merge which merges Tailwind CSS classes without style conflicts.

I am familiar with the library clsx although I have never used it personally. I don't often have the need for conditional classes and when I do it's usually an inline ternary expression in the style or className prop. Is that bad/good? Are there any other popular libraries other than clsx, or anti-patterns I should be aware of when doing conditional classes in React? Thanks fam

I use CLSX for all tailwind dynamic styles. Super simple, lightweight and now is almost part of every project I build haha

Clsx

https://github.com/lukeed/clsx “A tiny (228B) utility for constructing className strings conditionally.”

Then use something like clsx

For conditionally applying or removing classes, you should take a look at clsx.

clsx has better performance over the classnames package. That’s why it was created. Take a look at their benchmarks in the repo.

Hey, I'll have you know I have lots of fun using Tailwind with clsx =)