Setup Vitejs + React.js + TypeScript + TailwindCss in 5 mins

[@MrWanted424]

i was suffering for hours, i dont know why but tailwind didn't work at all. i've read almost every god damn forum to find out reason why and did the same thing like in your video, but still no success. BUT AFTER YOUR VIDEO STEP BY STEP IT WORKS THANKS A LOT YOU ARE MY LIFE SAVER

[@JoshNorris52]

Since I have discovered this video every time I start a new project my first step is to come here... much love!

[@WithJordan]

So weird a random youtube video helped solved an unecessary problem that googling for hours couldnt, thanks for this

[@akshitasemwal3172]

3AM and this setup worked, so I can now go to sleep. Thanks!!

[@LordFullStack]

Perfect!

[@naveenbisht4627]

Thanks, This works.

[@LordFullStack]

You're welcome!

[@JoshNorris52]

me: "I wonder if this video is going to do the trick... it was posted 2 years ago..."
*Sees consistent string of people saying this video saved their life all dated throughout the last 2 years*
me: "Well I think I'm in the right place"

[@LordFullStack]

Yep, you are at the right place. Let me know if it helped.

[@tiarnola]

Good job

[@LiveMahs]

that beat drop hit a lil different

[@LordFullStack]

Do subscribe , will mean a lot to me. Thanks

[@LiveMahs]

@@LordFullStack subbed. was able to get my environment set up thanks to you. Looking to learn react and typescript by building!

[@fuataydin3115]

i really wonder why after i change the port it worked... wtf is problem with 5173...

[@midouwebdev2224]

Awesome !

[@LordFullStack]

🤜🏼🤛🏼

[@zerosandones7547]

why add a -D flag in 1:35? (still new to npm hehe)

[@LordFullStack]

Coz it's only a development Dependency

[@francovedia5584]

works, ty

[@Basha502]

awesome!
What is the VSCode plugin used to detect colors for tailwindcss?

[@LordFullStack]

Search for tailwindcss in extention tab . Whatever the first one is, that is the extention.

[@gurkiratz]

Thanks a ton dude!!

[@aleksandarmiloseski2151]

Tnx bro

[@boomshakalaka656]

You've shown how to set up for dev. does this set up mean that if l build for production, my css will be optimized ?

[@_elusivex_]

when you use -D flag while installing tailwindcss, it means that tailwind is only necessary during development and not during production, it transforms into css itself during production

[@balwantkumarofficial1600]

👌👌👌

[@maskiyogaming]

☀️

[@aritradaschowdhury5539]

thank you sir

[@elamandeep]

Hey !! How to setup environment variables in vite for react??

[@LordFullStack]

import.meta.env.VAR_NAME

[@LordFullStack]

ua-cam.com/video/yGNGtd-d3ro/v-deo.html

[@Dummy-rc9bl]

lanti

[@nolep5555]

wtf

[@LordFullStack]

Web Typescript Fantasy

[@alizulfiqarmalik]

@@LordFullStack haahhah😆