cd ~/open-source/

chrille@linux:~$ apt show clsx

clsx

clsx är en liten funktion som hjälper dig att bygga upp className-strängar i React. Den passar dig som vill slippa manuell strängsammanfogning av CSS-klasser. Du matar in en blandning av strängar, objekt och arrayer, och får tillbaka en enda ren className-sträng som du kan använda direkt i komponenten.

Projektsidan för clsx
Projektets egen sida, som den såg ut vid importen.

clsx tar en blandning av strängar, objekt och arrayer och vänder dem till en enda ren className-sträng. Det passar dig som använder React eller liknande ramverk och ofta behöver slå på och av klasser beroende på tillstånd. Koden är minimal och har ingen påverkan på paketstorleken i någon större utsträckning. Du skriver mindre boilerplate och får färre fel när villkorliga klasser ska sättas ihop. Det är ett enkelt verktyg som löser ett vanligt irritationsmoment i komponentkod. Det fungerar särskilt bra tillsammans med Tailwind och andra utility-baserade CSS-ramverk där du ofta kombinerar många klasser. Det är ett av de där små verktygen som du inte visste att du behövde förrän du sett hur mycket renare koden blir.