alex4answ

смотрите tsconfig:
strict
noImplicitAny
noImplicitThis

У вас 1 promise, как только он разрешился - все сразу выводится.

т.е. await ждет только 1 раз, дальше он использует результат уже разрешенного промиса, чего ему ждать ?

Ваш пример, но рабочий:

function getPromise() {
  return new Promise((resolve, reject) => {
    setTimeout(() => resolve('готово'), 1000);
  });
}

async function asyncCall() {
  for (let i=0; i < 100; i++) { 
    console.log(await getPromise());
  }
}

Почитайте 2 часть learn.javascript.ru

Расширение для браузера - React Developer Tools

1. Реорганизуйте работу с state, при добавлении - отправляйте инфу на сервер, но не обновляйте state по результатам этого запроса, обновляйте state локально
2. Используйте конечный автомат, чтобы не спамить запросами во время перехода состояния (но вам все равно ближе 1 вариант)

как и без реакт - присваивать класс "анимация", управлять animation style

Почитайте основы react
1. установить значение по-умолчанию: defaultValue="your value"
2. в react односторонний биндинг, когда вы устанавливайте value у input ожидается что он будет обновляться в state, а затем уже у input

использовать ref и в componentDidMount() или useEffect() обращаться к ref.current

const ref = useRef();

useEffect(() => {
  const rect = ref.current.getBoundingClientRect();
});

return <div ref={ref} />;

1. Дата в базе должна храниться по UTC.
2. Date.UTC(dateFromDB);
3. Date.toLocalDateString();

А вообще, вы можете просто получить смещение часового пояса и добавить его к полученной дате, в принципе базовые вещи работы с Date

Как не терять контекст:
1. биндить контекст myFunc.bind(this))
2. Замыкать контекст myFunct = () => {};

1. вариант отловит ошибку в промисе
2. вариант не отловит ошибку в промисе, тк он асинхронный, для того чтобы работало нужно добавить async await