How to Use Tailwind CSS in React with Vite in 2023 - React Tailwind

what's up developers and welcome to react till 1 in this channel you can find everything about react until when CSS today I'm gonna show you how to install Telvin CSS with react and Veet open your browser guys and go to this link tailwindcss.com after going that link open the docs go to framework guides Tab and open the vid the first step is to create your vid project as you see guys I have already created my vid and react project if you don't know how to install react withvit I have already a video about it the link is in the description below the second step is to install Telvin CSS and add spare dependencies by copying this command Ctrl C go to your terminal and paste it it takes some time to install Talent CSS and add spare dependencies please do it after installing telwyn CSS it's time to generate Delwin config and post CSS config by copying this command paste it in the terminal as you see guys our turbine config is generated the third step is to configure your template paths by copying these codes and paste it to tell them config Ctrl C and the fourth step and the last step is to add the telwyn config directives to your CSS by copying these directives go to your Source folder open index.css and paste it here save it it's time to run the project let me clear the terminal npm run this let's by clicking this localhost our project is running let's make some changes in the code to see does the talent installed successfully hello world will win CSS add some classes with full height train fixed it's gonna be Forex sale and the color text color will be blue make it legs I'd make it in the center five Center let's see yes our Telvin CSS is successfully installed with react and beat thank you guys for watching if you have any question please comment down below also make sure to like this video And subscribe to react elwin see you in the next video

Channel: React Tailwind

Views: 14,879

Keywords: tailwindcss, react, tailwind css for begginers, getting started with tailwind, vite, setting up tailwind, setting up tailwind with react, tailwind toturial, tailwind setup, tailwind react, how to install tailwind with react, configure react with tailwind, how to import tailwind css in react, tailwindcss not working react, install tailwind CSS with create react app

Id: x2Qm0uwOUuQ

Length: 3min 29sec (209 seconds)

Published: Fri May 05 2023