DEV Community

Discussion on: React component library with Tailwind in 3 mins!

Collapse
 
brandonmcconnell profile image
Brandon McConnell

I’ve been waiting for a guide like this! Thanks!

However, this appears to be using an older version of Tailwind. I saw on Twitter last week that the latest version of Tailwind no longer uses Purge at all and now only uses the JIT engine. Could you adjust your steps to reflect hat, or add an alternate step to use the latest version of Tailwind (v3 alpha/beta w/ JIT)?

Collapse
 
alexandprivate profile image
Alex Suarez

Hi Brandon! Thank you for your comment! Since V3 is still in alpha, alpha one to be more precise, I will be updating the article in the future when V3 be more stable.

Now with that said, your comment you said V3 doesn't use "purge" anymore and technically that's not true, if you take a look at the release notes, V3 uses 'purge' but they changed the name to 'content' like:

content: ['./src/**/*.html' /* ... */],
Enter fullscreen mode Exit fullscreen mode

Also it should work fine keeping purge as key name, you may want take a second look at the release note -> github.com/tailwindlabs/tailwindcs...

So in theory the only change we need to do is literally change the name "purge" for "content" in the tailwind.config but once again I would prefer to wait for a more stable version.

Thanks again for your comment!

Collapse
 
brandonmcconnell profile image
Brandon McConnell

That's fair enough! Yes, the switch from purge to content was precisely what I was referring to.

I look forward to your update. Thanks! 🙏🏼

Thread Thread
 
alexandprivate profile image
Alex Suarez

Thanks! I'll be trying and I'll let you know but I'm pretty sure the only change will be changing purge for content and should work out of the box! 👍