title: How nameless import and export work in JS
body: <p>We was learning Firebase and the way to connect it with React. Later, I saw the this code snippet: </p>
  
  <pre><code>import firebase from 'firebase/app';
  import 'firebase/firestore';
  import 'firebase/auth';
  </code></pre>
  
  <p>I face some confusion on the above code thus wanted ask one question. Firstly, how is it possible that </p>
  
  <pre><code>import 'firebase/firestore';
      import 'firebase/auth';
  </code></pre>
  
  <p>get attached to firebase variable automatically, that is, by using firebase we have access to app, firestore and auth since imports of firestore and auth do not have name</p>