title: Styling with CSS in React
body: <p>All the project gets affected by changes I make in any CSS file even if it's not imported to that file.
  for example: If I created a file called <code>test1.js</code> and imported a file called <code>test.css</code> inside of it then created a new file called <code>test2.js</code> and gave the same classes to its components they get styled the same way as <code>test1.js</code> even without importing the CSS file into it.</p>
  <p>How can I get around this problem? is using SASS away to avoid it?</p>
  <p>Can you please recommend the best practice for styling in react?</p>