Why no-await-in-loop https://eslint.org/docs/rules/no-await-in-loop

fast.js

const range = (n) => (new Array(n)).fill(0).map((v, k) => k)
const { log } = console;

const addUser = async (i) => new Promise((resolve) => {
  log(`Adding user ${i}`);
  setTimeout(() => {
    log(`User ${i} added`);
    resolve();
  }, 1000)
})

const run = async () => {
  log(`Loop Adding user `);
  return Promise.all(range(10).map(async (i) => {
    log(`LOOP Adding user ${i}`);
    await addUser(i);
    log(`LOOP DONE Adding user ${i}`);
  }));
}

run()
  .then(() => { log('DONE')})
  .catch((err) => { log('ERROR', err)});

slow.js

const { log } = console;

const addUser = async (i) => new Promise((resolve) => {
  log(`Adding user ${i}`);
  setTimeout(() => {
    log(`User ${i} added`);
    resolve();
  }, 1000)
})

const run = async () => {
  log(`Loop Adding user `);
  for (let i = 0; i <= 10; i++) {
    log(`LOOP Adding user ${i}`);
    await addUser(i);
    log(`LOOP DONE Adding user ${i}`);
  }
}

run()
  .then(() => { log('DONE')})
  .catch((err) => { log('ERROR', err)})