title: How to use external CSS in Material-UI instead of styling in Javascript
body: <p>I started developing an application using <code>ReactJS</code> framework using <code>Material-UI</code> library. I see all styles are defined within <code>Javascript</code>, but I would like to use <code>CSS</code> to style components</p>
  
  <p>How to remove the dependency on <code>Javascript</code> to style components. And is there any advantage of having styles in <code>JS</code> over <code>CSS</code>?</p>