How to use Tailwind CSS in React with Vite | Install TailwindCSS in React with ViteJS for Beginners

Рет қаралды 70,065

Жыл бұрын

In this video, I will show you how to install Tailwind CSS in a React with Vite project. This is a step-by-step tutorial for beginners.
★★★ More Related Videos★★★
How to create a React project with Vite - • Create React Project w...

Пікірлер: 127

@vadak_ 13 күн бұрын

Three minutes video solved my 20hrs issue. Thanks a lot bro!

@lukasknap1679 9 ай бұрын

Thanks for this video! Very useful.

@Gilbert-hk8ho Ай бұрын

i have tried but the styles doesn't reflect on my vite app

@2brosmemes449 2 ай бұрын

Thanks i got your video helpful! 😊

@user-wm7rf1dl3n Ай бұрын

thenk you so much bro💕💕💕 you saved my big problem in a short video ,

@anime_gen875 2 ай бұрын

thank you for making it so simple bro it helped a lot

@wailazzo 4 ай бұрын

THANK U BRO GOOD LUCK IN UR LIFE

@_isosa_ Жыл бұрын

Useful and straight to the point!! Thanks a lot, subscribed!

@Devtamin 10 ай бұрын

Thx

@akshat2808 22 күн бұрын

Worked Well!!

@BosseM-er5wf 7 ай бұрын

Just the video i was looking for. Great job

@Devtamin 7 ай бұрын

Awesome, thank you!

@deepakchhantyal7569 2 ай бұрын

thank you , very useful

@sandyrose77 2 ай бұрын

Thank you man❤️✨

@okkaraung9512 9 ай бұрын

appreciate it. short to teh point explanation. keep up the good work brother.

@Devtamin 8 ай бұрын

Thank you for a comment

@aakashsaini7352 11 ай бұрын

Thanks. Really helpful.

@Devtamin 10 ай бұрын

Glad it was helpful!

@tinanguyen1072 10 ай бұрын

This helped a lot thank you!

@Devtamin 9 ай бұрын

Glad to hear!

@subirdas6508 5 күн бұрын

thanks, I got it

@varunupadhyay2488 5 ай бұрын

very useful..straight to the point

@Devtamin 5 ай бұрын

Thank you for a comment

@sivasankarmutyala1077 6 ай бұрын

Very Useful, thanks a lot🤗🤗

@Devtamin 6 ай бұрын

You're welcome 😊

@yuthcambo3712 3 күн бұрын

Thank is useful

@patrickm5656 10 ай бұрын

Thanks for the help!

@Devtamin 9 ай бұрын

Happy to help!

@marislaradev 4 ай бұрын

Thanks! It helps me a lot ❤

@Devtamin 4 ай бұрын

I'm glad!

@truuta9168 6 ай бұрын

it worked, thank you!

@Devtamin 6 ай бұрын

You're welcome!

@raveenraj294 22 күн бұрын

Thanks Boss

@user-fl5yo6yx5v 4 ай бұрын

@muhammadtayyab6077 8 ай бұрын

Nice Bro! very helpful video

@Devtamin 8 ай бұрын

Glad you liked it

@mareq_111 8 ай бұрын

Thanks for helpful video 🔥

@Devtamin 8 ай бұрын

No problem 👍

@ingridoliveira1065 Ай бұрын

very good, thanks : )

@Devtamin Ай бұрын

Glad you liked it!

@tishycs8187 5 ай бұрын

Thank you so much for this video

@Devtamin 5 ай бұрын

Most welcome 😊

@shankargurung1335 4 ай бұрын

really awesome thanks a lot bro

@Devtamin 4 ай бұрын

Always welcome

@Awakened_Pot 7 ай бұрын

Thanks mate!

@Devtamin 7 ай бұрын

Glad it helped

@quvomiddinkamalov3292 3 ай бұрын

Thank you!

@Devtamin 3 ай бұрын

Welcome!

@YouDoStyling Ай бұрын

great 👍🏻

@Devtamin Ай бұрын

Thank you 👍

@shinthantkaung 4 ай бұрын

Thanks bud!

@Devtamin 4 ай бұрын

No problem!

@mctribals 6 ай бұрын

Gracias buen video...

@Devtamin 6 ай бұрын

You're welcome

@nipunjayasinghe1880 2 ай бұрын

Thanks bro!

@Devtamin 2 ай бұрын

No problem!

@melissachavana1222 10 ай бұрын

thank you!

@Devtamin 9 ай бұрын

Welcome!

@SachinYadav-pg2bv Ай бұрын

Thanks bro❤

@Devtamin Ай бұрын

Welcome 😊

@franogugic654 5 ай бұрын

THANKKKK YOUUUU MANNNNNNNNNNNNNNNNNNN

@Devtamin 5 ай бұрын

you're welcome

@ayonbit6186 28 күн бұрын

But there is a warining in the compiler . How to fix the warning ?

@vohncena 3 ай бұрын

What is your vs code theme i really want this one

@arnab_d9 6 ай бұрын

thanks ❤

@Devtamin 6 ай бұрын

You're welcome 😊

@giorgikiladze1151 3 ай бұрын

thank you

@Devtamin 3 ай бұрын

You're welcome

@Judd2000 4 ай бұрын

Thank you, I was not following the Vite specific framework guide.

@Devtamin 4 ай бұрын

Glad it was helpful!

@azonsongdigital 5 ай бұрын

What I want to know is after run it for the first time usin' ```npm run div``` how can it again once I close my terminal... Because of i use nom run dive again the page comes out blank, the server runs but all my work just disappears... Any help? Anyone?

@Explore_new_game 16 күн бұрын

Hello sir, When is paste data in index.css file it's showing a unknown error. Please help sir 🙏

@Saske443 5 ай бұрын

Thanks Champ

@Devtamin 5 ай бұрын

You're welcome

@AnjaliSingh-hn8ff Ай бұрын

whenever i run npm run dev after tailwind it says - missing script:"dev"

@pebblesmoker565 5 ай бұрын

for some reason am only getting tailwindcss.config.js and not getting postcss.config file can someone say why???

@user-mv3sz9gk1d 12 күн бұрын

hii in my case tailwind intelissance isnt working

@diwakardayal954 5 ай бұрын

thanks

@Devtamin 5 ай бұрын

You're welcome!

@7days280 Жыл бұрын

thankyoiu

@Devtamin 10 ай бұрын

You’re welcome

@AtikshaSharma-k5d 16 күн бұрын

Talwind is not applying what to do please help

@ryostyles9904 9 ай бұрын

Thanks, so the postcssconfig file was missing and that's the reason it wasn't working. I had installed only tailwindcss. Thanks for the help.

@Devtamin 8 ай бұрын

Glad I could help

@simohamedlaarmani6789 2 ай бұрын

You end up with a lot of css properties. Hoq can you sort them sfter in a react app using prettier-plugin ?

@aryanmaskey9147 4 ай бұрын

i already have extension installed but i need to hit ctrl+space for suggestions. isnt there a solution for this?

@stellaeneh8357 4 ай бұрын

Co-ask

@invinciblevikas9553 Ай бұрын

I have followed the same step don't know why my css does't work

@omomaighawosa570 10 ай бұрын

Please what tailwind vscode extension are you using ? Great video btw

@rishabh2k01 10 ай бұрын

tailwind intelligents

@Devtamin 9 ай бұрын

thank you for a comment

@raffph 6 ай бұрын

why my tailwind cant show the recommend style example when i type text-green-100 the 100 cant show the option

@LOLUMAAAD 6 ай бұрын

Was wondering this myself but found the solution and was to download extension in VSC called "Tailwind CSS IntelliSense"

@Devtamin 6 ай бұрын

Let's install this extension Tailwind CSS IntelliSense. If it doesn't show any recommends, that means tailwind has been implemented improperly

@ahmadbasyouni9173 5 ай бұрын

what theme do u use on vscode?

@Devtamin 5 ай бұрын

Material Icon Theme

@onlineviral7518 5 ай бұрын

My vite app is not working with tailwind css what should i do

@Devtamin 5 ай бұрын

Which JavaScript frameworks are you using?

@ilyamiller4131 10 ай бұрын

Spent hours at work figuring out why my tailwind keeps getting ignored in vite… I feel like such an idiot now. Thanks a lot for the helpful video!

@Devtamin 9 ай бұрын

You're welcome

@theycallmejatin Жыл бұрын

Let's forget about tailwind for a sec , default css is showing black screen & white text in react app How to make it normal like any web page

@Devtamin Жыл бұрын

Sorry about that. Did you install react properly? Check this out kzfaq.info/get/bejne/btyYaMeep8e6gas.html

@theycallmejatin Жыл бұрын

@@Devtamin i made both the default css files empty and it was enough to solve problem

@redeemasuquo 7 ай бұрын

Hi, av been encountering this problem 'the content option in your Tailwind CSS configuration is missing or empty, configure your content sources or your generated CSS will be missing styles. Can anyone help me?

@69_anonymous._ 6 ай бұрын

Same. Have you found the solution? If so pls help me

@redeemasuquo 5 ай бұрын

@@69_anonymous._ nope, I haven't found d solution

@ACEmmanuel 5 ай бұрын

This is because the so-called file you copied and pasted from the Tailwind site is not present in your React project. I mean the file name

@redeemasuquo 5 ай бұрын

@@ACEmmanuel how do I resolve d error

@ACEmmanuel 5 ай бұрын

@@redeemasuquo are you using vite for this?