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

Setup TailwindCSS in create-react-app

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
~ 4 years ago

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

Sébastien BARRE
~ 4 years 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 Herrerainstructor
~ 4 years 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
~ 4 years 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.

Luciano dii Souza
~ 3 years ago

If you have erros like "tailwind not found" you can just run npx tailwind init adding npx on the start (npx = node package eXecutor) :)