Cacher is the code snippet organizer for pro developers

// Плюс в том, что css и js отдельно, и классы в файле компонента не будут действовать глобально

// npm run eject
// config -> webpack.config.dev.js and .prod.js
// css-loader
// need to add
modules: true,
localIdentName: "[name]__[local]__[hash:base64:5]"

// then in App.js instead import "./App.css" 
import classes from "./App.css";

// then replace all classes with classes.name_class in Css
<div className={classes.App}
// etc

// next step 
let btnClass = [classes.Button];
if(statement) {
  btnClass.push(classes.Red);
}
<button className={btnClass.join(" ")}