title: Default export eslint
body: <p>I trying to create a structure for my react-redux app and I have a problem with eslint default export rule (I am using Airbnb guide).</p>
  
  <p>Basicly my structure looks like this:</p>
  
  <pre><code>src/
  |-----modules/
  |--------Component1/
  |------------component.js
  |------------index.js
  |--------index.js
  |-----App.js
  </code></pre>
  
  <p>.</p>
  
  <pre><code>// component.js
  import React from 'react';
  
  const Component1 = () =&gt; (
     &lt;div&gt;Hello&lt;/div&gt;
  );
  
  export default Component1;
  </code></pre>
  
  <p>.</p>
  
  <pre><code>//Component1/index.js
  
  export { default as Component1 } from './component';
  // This is where I get eslint error
  </code></pre>
  
  <p>.</p>
  
  <pre><code>//modules/index.js
  
  export * from './Component1';
  // This is where I get eslint error
  </code></pre>
  
  <p>.</p>
  
  <pre><code>//App.js
  import React, { Component } from 'react';
  import ReactDOM from 'react-dom';
  import { Component1 } from './modules';
  
  class App extends Component {
    render() {
      return (
        &lt;Component1 /&gt;
      );
    }
  }
  
  ReactDOM.render(&lt;App /&gt;, document.getElementById('app');
  </code></pre>
  
  <p>Because I am using Redux there can be reducers to export from component too, so then I would use simple export with two parameters.</p>
  
  <p>Should I take a different approuche or ignore eslint rule?</p>
  
  <p>Edit: I was prefering to import/prefer-default-export rule. I know that I can disable it but should I?</p>