How to use Sass in React | Use SCSS in React for Beginners

hello everyone in this video i'm going to teach you how to install sas in react project alright if you like this video feel free to click like subscribe and comment down below all right first of all we are going to stop react control c and type y and then we are going to use npm to install set npm install as hit enter it's going to download sets from the internet after you have installed set and when you go to package.json in dependency you will see set package over here the next step we are going to create assess files i'm going to create sas files for app.js i can right click new app dot s cs i just name it like this for example this is my application without styles i can put style on it if i go to app i will see class name app over here then over here i put class app background color red okay then i go back to app.js i have to import app.css inside this component i type import then single code current directory app dot s c as save i go back to the web browser then i will see the background color of the app component see this color i can create a new files for index index dot scads instead of using index.css i can remove it and over here instead of includes index.css i can include index dot sc at s save over here for body i can put background color yellow save if i go back i will see background color is a yellow so i can use variable over here as well valuable primary color green let's use this valuable with this background color save it see it's work alright this is all about this video if you like this video don't forget to click like subscribe and comment down below thank you so much for watching

Channel: Devtamin

Views: 58,685

Keywords: CSS, programming, web application, web development, code, frontend, web design, Install Sass, sass, sass/scss, scss/sass, react sass, sass react, scss react, react scss, install sass, install sass in react, install scss in react, use sass in react, use scss in react, SCSS react, install SCSS in react, install SCSS/Sass in React, React SCSS, React SCSS/Sass, Sass in React, SCSS in React, Install SCSS in react, use Sass in React, SCSS file in react, React, React JS, React JS Sass

Id: 9F8bzIlgJ4g

Length: 2min 37sec (157 seconds)

Published: Sat Sep 17 2022