How to Set up React-TailwindCSS project using Vite | Create a new ReactJS project with Tailwind CSS
Learn how to set up a new React project with Tailwind CSS using Vite JS. By the end of this video, you’ll have a fully functional development environment ready for rapid development with modern tools.
Link to the doc: https://tailwindcss.com/docs/guides/vite
⌚️Timestamps:
0:00 Introduction, Tailwind CSS with Vite Guide
0:28 Creating a new project with ViteJS
1:17 Instaling Tailwind CSS
1:46 Configuring template paths
2:08 Adding the Tailwind directives to CSS
2:31 Starting the React project locally
2:51 Using Tailwind CSS in the React project
3:22 Removing default styles from App.css and index.css
4:01 Changing the styles using Tailwind CSS
#ReactJS #TailwindCSS #Vite #WebDevelopment #FrontendDevelopment #ReactSetup