title: React : best way to Import / Export
body: <p>I'm creating a project in <code>React</code> and I'm not sure if the approach to import/export is right. </p>
  
  <p>I'm exporting my components with an <code>index.js</code> file inside my Components folder like this:</p>
  
  <pre><code>export {default as Card} from './Card/Card'
  export {default as CardList} from './CardList/CardList'
  </code></pre>
  
  <p>Each component is a const and I'm exporting it as:
  <code>export default Card</code> and <code>export default CardList</code></p>
  
  <p>I'm using <code>export default</code> two times </p>
  
  <ol>
  <li>in the <code>index.js</code></li>
  <li>in each component file</li>
  </ol>
  
  <p>Is this the best practice to use an index file to export the components?</p>
  
  <p>Thanks!</p>