Async-Generator-Pipeline-Steuerung zum Schutz von React-UIs vor Rate-Limit-Überlastung

import { useEffect } from 'react';
 
async function* rateLimitedQueue(requests: string[], delayMs: number): AsyncGenerator<string, void, unknown> {
  for (const req of requests) {
    yield req;
    await new Promise(resolve => setTimeout(resolve, delayMs));
  }
}
 
export function useBatchProcessor(items: string[], onProcess: (item: string) => void) {
  useEffect(() => {
    let active = true;
    (async () => {
      for await (const item of rateLimitedQueue(items, 300)) {
        if (!active) break;
        onProcess(item);
      }
    })();
    return () => { active = false; };
  }, [items, onProcess]);
}