rebrand VS twin.macro

READY TO TALK? https://studio.icvn.tech

Portfolio can be seen at https://studio.icvn.tech

Code is at https://github.com/icvntechstudio/rebrand/blob/master/src/components/Contact.js

Next.js for framework, Tailwind CSS for styling (but I wanted to use CSS in JS, so I used twin.macro this time).

Never tried this with datatables, but have had some success using Twin.macro's styled wrapper to apply tailwind to 3rd party libs. Maybe worth a shot?

I've been using twin.macro on a side-project of mine, and have really enjoyed it: https://github.com/ben-rogerson/twin.macro

I especially like how easy it is to fall back onto ordinary Styled Components if I'm trying to implement more specific.

Here's a sample of what I've implemented with twin.macro: https://grueplan.com

You might like twin.macro: https://github.com/ben-rogerson/twin.macro

You might find twin.macro interesting.

No matter what library you use, you are writing your CSS somewhere. I'm a fan of styled-components (we use them at work) and Tailwind (I use it in personal projects). Twin allows you to combine them together -- that way you can write custom CSS if you need to, and Tailwind is great for rapid prototyping and production-ready apps alike. Best of both worlds.

There are other alternatives to just Tailwind or Sass. The option of Styled-components is also a good one, which enables the use of Sass/SCSS syntax within its tagged templates. You can also use Tailwind in conjunction with Styled-components using a library like Twin.macro or Twind.

I don't think it'd really have any performance hit besides what styled-components incurs but I think you should give twin-macro a try

trpc and twin.macro

Style: TailwindCSS twin.macro