title: Do I need to remove event listeners for FileReader() after I'm done with it?
body: <p>I have a component with an <code>&lt;input type='file'/&gt;</code> to select and upload images to my Storage bucket.</p>
  <p>I'm using <code>FileReader().readAsText(file);</code> which is asynchronous and I'm setting to listeners to the <code>onload</code> and <code>onerror</code> event.</p>
  <blockquote>
  <p><strong>From:</strong> <a href="https://developer.mozilla.org/en-US/docs/Web/API/FileReader" rel="nofollow noreferrer">https://developer.mozilla.org/en-US/docs/Web/API/FileReader</a></p>
  <p>Listen to these events using addEventListener() or by assigning an event listener to the oneventname property of this interface.</p>
  </blockquote>
  <p>This runs everytime a user selects a file. I'm calculation an <code>md5</code> hash to use as the <code>fileName</code> in the storage.</p>
  <pre><code>if (newFile !== undefined &amp;&amp; newFile !== null) {
    md5Hash = await new Promise((resolve,reject) =&gt; {
  
      const reader = new FileReader();
  
      reader.onload = (event) =&gt; {
        console.log('md5 calculated!');
        const binary = event.target.result;
        resolve(md5(binary));
      };
  
      reader.onerror = (event) =&gt; {
        reject(event.target.result);
      };
      
      reader.readAsText(newFile);
      
    });
  }
  </code></pre>
  <p>Do I need to bother to remove those listeners after I'm done with them? Is this a good practice or there's no point in doing that?</p>
  <p>That code may run 5 or 6 times for different images that I'm uploading in the same page.</p>
  <p><strong>NOTE:</strong> It's a page to add blogPosts and the images for the posts.</p>