1. 1
    Setup TailwindCSS in create-react-app
    4m 2s

Setup TailwindCSS in create-react-app

Horacio Herrera
InstructorHoracio Herrera

Share this video with your friends

Send Tweet

In this lesson, we'll set up a create-react-app (CRA) project from scratch with TailwindCSS. We'll delete unused default files and configure the minimal needed requirements for our application to get all the benefits of using TailwindCSS.

Sébastien BARRE
Sébastien BARRE
~ 8 months ago

tailwind init fails with: "zsh: command not found: tailwind" You must have something in your shell that tries npx automatically?

Sébastien BARRE
Sébastien BARRE
~ 8 months ago

This is working but there isn't any support for purge-css, which makes it impractical for deployment, because the resulting CSS file, even in build mode, is so big.

Horacio Herrera
Horacio Herrerainstructor
~ 8 months ago

hey Sébastien!

thanks for the comments. gonna review the tailwind init error.

also, this is the first lesson out of five I’m recording, and you are right purge-css is needed, but I deliberately left it out for this video since I’m focusing on one concept at a time. by the end of this collection the project will be production ready!

I will keep you posted when new lessons are published!

Sébastien BARRE
Sébastien BARRE
~ 8 months ago

Oh this great, thanks, I didn't realize it was part of a series. Some videos here on Egghead sometimes just drop as-is. Looking forward to it.