Hey tailwinders out there... What do you do to fight tailwind class soup?

#tailwindcss #tailwind

This code image is actually much more more readable than it actually appears in my editor where it doesn't wrap the classNames list so I actually have to horizontally scroll to read all the classes. Perhaps this can be made better with a custom prettier config?
#tailwind #tailwindcss
@ryanlegler +1 as much as I love Tailwind, I really wish there was some better tooling around making the class-soup more manageable.

@kuldar Another tailwind class composition option is to combine https://www.npmjs.com/package/easy-tailwind + https://www.npmjs.com/package/tailwind-styled-components

Looks more verbose at first glance but the ability to clearly see the nesting/modifiers is really powerful

easy-tailwind

An easier way of writing Tailwind classes.. Latest version: 1.1.0, last published: 6 hours ago. Start using easy-tailwind in your project by running `npm i easy-tailwind`. There are no other projects in the npm registry using easy-tailwind.

npm