Async forEach Problem

The UI, test, redirect, or log moves forward before the async result is actually ready. Use `for...of` for sequential work or `Promise.all(items.map(...))` for parallel work.

Expecting `forEach` to behave like `for...of` with await.

Await real dependencies, start independent work together, and choose the loop pattern that matches the behavior you need.

const [user, posts] = await Promise.all([
  fetchUser(),
  fetchPosts()
]);

The console lane proves the visible order: done -> 1 -> 2. The active line and queues show why source order changed.

Measure before and after with logs or test spies: the dependent line should run only after the awaited operation finishes.