CSS

scss react

npm install node-sass --save

react scss

$ npm install sass
# or
$ yarn add sass

how to add scss to a react app

# using npm
npm install node-sass --save

# using yarn
yarn add node-sass

react scss sass

Note: LibSass and the packages built on top of it, including Node Sass, are deprecated. If you're a user of Node Sass, you can migrate to Dart Sass by replacing node-sass in your package.json file with sass or by running the following commands:

$ npm uninstall node-sass
$ npm install sass
# or
$ yarn remove node-sass
$ yarn add sass

scss in react app

$ npm install node-sass --save$ # or$ yarn add node-sassCopy

how to add scss to react

npm install sass --save-dev 
import './App.css' turns into import './App.scss'

React Sass

$myColor: red;

h1 {
  color: $myColor;
}