Cancel in-flight fetch when component unmounts, route changes, or new search supersedes old.

Caching & Networking

AbortController

<h2>Summary</h2>
<p>ReadableStream signals consumer readiness via <code>pull()</code> / desired size — producer must not flood memory. Handle <code>await writer.ready</code> when piping. Uncontrolled stream read without backpressure OOMs on large responses. Relevant for streaming SSR, file upload, AI token streams.</p>
<h2>Code example</h2>
<pre><code class="language-javascript">async function* readChunks(stream) {
  const reader = stream.getReader();
  try {
    while (true) {
      const { done, value } = await reader.read();
      if (done) break;
      yield value;
    }
  } finally {
    reader.releaseLock();
  }
}
</code></pre>
<h2>Key points</h2>
<ul>
<li>ReadableStream signals consumer readiness via <code>pull()</code> / desired size — producer must not flood memory.</li>
<li>Handle <code>await writer.ready</code> when piping.</li>
<li>Uncontrolled stream read without backpressure OOMs on large responses.</li>
<li>Relevant for streaming SSR, file upload, AI token streams.</li>
</ul>
<h2>Further reading</h2>
<ul>
<li><a href="https://developer.mozilla.org/en-US/docs/Web/API/Streams_API">Streams API</a></li>
<li><a href="https://developer.mozilla.org/en-US/docs/Web/API/ReadableStream">ReadableStream</a></li>
</ul>
<h2>Related concepts</h2>
<ul>
<li><a href="/blogs/level-5-http-3-and-quic">HTTP/3 and QUIC</a></li>
<li><a href="/blogs/level-5-abortcontroller">AbortController</a></li>
</ul>


ReadableStream signals consumer readiness via `pull()` / desired size — producer must not flood memory.

Backpressure in Streams API

QUIC over UDP — multiplexing without head-of-line blocking, faster handshake (0-RTT with caveats), connection migration.