How To Use Sass/SCSS In React

Using React is the new and modern way of building front-end web application, for me basically it is the latest efficient way to build web application, you can be more productive and the codes write would be much much more cool.

And you will getting much much more better if you replace a classic CSS file with SCSS, if you don't know what it is, SCSS is super set of CSS, it means that you can write normal CSS within it, with additional for example variable support. Your code will be 100% better.

To use React and Scss, you can simply just install the SCSS dependency, and React will handle it in the background, no need any configuration. Just doing these:


1. Add SCSS to your project:

npm install node-sass --save

2. Now on your App.js, instead of loading CSS file, you change it to CSS for example:
import './App.css' become import './App.scss';

That's it, now you can run your app again by npm start.

Comments

Popular posts from this blog

How To Make Sitemap in Blogger

How To Change Facebook Name

How To Zip And Unzip On Ubuntu Terminal