Obviously this isn’t the native
<style></style> syntax that comes with Vue, but it’s an option if you want to pull in Tailwind in via CSS-in-JS.
I’ve added an example of how to do this in the repo using react-emotion. …
Good news! After some digging around, I found another library called PurgeCSS that is more flexible and frequently maintained than PurifyCSS. It allows for custom “Extractors” which lets us write some regex to work with Tailwind CSS classes. A shout to the author who made some quick fixes to make this work with Tailwind CSS style syntax.
Laravel Mix Example: https://gist.github.com/andrewdelprete/277a5a2af33aea2481c54a6a8b35d6c3
PurifyCSS has an issue where classes containing numbers appended to the end and special characters like : are not cleaned up / purified.
In my original post, I only used the handful of classes found in the Tailwind webpack-starter index.html file. There was a huge reduction in CSS size but once you utilize more classes in your HTML that figure quickly diminishes. …
I’m excited to announce that my Async / Await video series is nearing completion and will launch October 23! I’m very happy on how it’s turning out and I think there is something for everybody in there.
I’ve learned a ton about Promises while also advancing my understanding of recording great screencasts. I took the feedback from many of you and applied it to my latest series on Async / Await. My hope as always is that you’ll come away with something you can utilize immediately.
There are a few misconceptions about Async / Await in that some believe it replaces Promises altogether. Async / Await actually uses Promises under the hood and you should have a fundamental understanding of Promises before jumping into Async / Await head first. …