title: react exporting and importing components
body: <p>I was going through a codebase and this is what I see there.</p>
  
  <p>Basically they have created a component in another file, say CheckIn
  and they create a CheckIn component in that file and export it like this</p>
  
  <pre><code>module.exports = CheckIn
  </code></pre>
  
  <p>and after that in the index file they are again importing it and exporting it.</p>
  
  <pre><code>import CheckIn from './components/CheckIn';
  
  export default CheckIn;
  </code></pre>
  
  <p>what kind of exporting is this? and why is this needed/used?</p>
  
  <p>EDITED to add one more thing which is quite similar , would appreciate an explanation for the below code too. is the View being exported below also have the scss styles exported with it??
  I have also seen something like this:- </p>
  
  <pre><code>import PageView from './components/View';
  import './view.scss';
  
  export default View;
  </code></pre>
  
  <p>so, how does that work?</p>