lexstile

const [data1, data2, data3] = await Promise.all(
  ['/test1', '/test2', '/test3']
  .map((url) => http.get(url).then(({ data }) => data))
)
.then((values) => {
  console.log('values', values);
  return values;
});

Или

const [data1, data2, data3] = await Promise.all(
  ['/test1', '/test2', '/test3']
  .map((url) => http.get(url))
)
.then((values) => values.map(({ data }) => data));

Проблема не в картинке, а в тексте str_split()
Надо использовать https://www.php.net/manual/ru/function.mb-str-split.php

А также путь к шрифу должен быть абсолютным
https://www.php.net/manual/ru/function.imagettftext.php

fontfile
Путь к шрифту TrueType, который вы хотите использовать.
В зависимости от того, какая библиотека GD используется в PHP, если fontfile не начинается с символа /, то к имени файла будет добавлено .ttf и библиотека будет пытаться искать это имя файла по определённому библиотекой пути шрифтов.

php-imagick задействуйте

Imagick::setImageDelay
Imagick::addImage

Не было никакой анимации там никогда, она там не поддерживается в принципе, только с использованием каких-нибудь библиотек можно относительно костыльно слепить несколько сгенерированных отдельных картинок в гифку.

Такое?

SELECT DISTINCT events.id, events.name as event_name, events.date_start, events.date_end, events.country_id, events.description, events.day_1, events.day_2, events.month_1, events.month_2, events.year_1, events.year_2, events.is_present, links.links, images.images, countries.countries, countries.country_ids, country_to_cluster.year_start FROM events
    LEFT JOIN (SELECT countries.id, GROUP_CONCAT(countries.id) as country_ids,  event_to_country.country_id as country_id, event_to_country.event_id, GROUP_CONCAT(countries.name) as countries FROM countries LEFT JOIN event_to_country ON countries.id = country_id GROUP BY event_to_country.event_id) as countries ON events.id = countries.event_id
    LEFT JOIN (SELECT event_id, GROUP_CONCAT(link) as links FROM links GROUP BY event_id) AS links ON events.id = links.event_id
    LEFT JOIN (SELECT event_id, GROUP_CONCAT(name) as images FROM images GROUP BY event_id) AS images ON events.id = images.event_id
    LEFT JOIN keywords ON events.id = keywords.event_id
    LEFT JOIN country_to_cluster ON country_to_cluster.country_id = events.country_id AND events.year_1 >= coalesce(country_to_cluster.year_start,events.year_1) AND events.year_1 <= coalesce(country_to_cluster.year_end,events.year_1)
    WHERE (country_to_cluster.cluster_id = :cluster_id) 
    ORDER BY events.year_1 ASC
    LIMIT 30

Это будет игнорировать null отдельно для каждого поля year_start и year_end. Если надо именно одновременный null, это будет чуть по другому

Старый добрый for ?
И break, когда нашли.

Ну или
findIndex()

const delById = (arr, id) => {
  const i = arr.findIndex(el => el.id === id);
  if (-1 === i) return arr;
  arr.splice(i, 1);
  return arr;
}

Можно просто передать данные в параметры функции:

const [filters, setFilters] = useState({});

  const filterByRedColor = (data) => {
    const apiUrl = `/api/?colorId=${data.colors.red}`;
    callApi(apiUrl);
  };

  useEffect(() => {
    const asyncData = async () => {
      const data = await getFilters();
      setFilters(data);
      filterByRedColor(data);
    };
    asyncData();
  }, []);

const handleChangeItemValue =
  id =>
    ({ target: { value } }) =>
      setList(
        list => list.map(item => item.id === id ? { ...item, value } : item)
      )

Вам может помочь объект formState:

const { isDirty, isValid } = formState;
return <>{isDirty && isValid && <button />}</>

.indexOf(), если требуется быстрая проверка вхождения подстроки.
Ставим .toLowerCase() для всех строк перед всеми проверками ОДНОКРАТНО! и только потом начинаем делать все проверки.

Также, можно использовать "водопадный спуск", для нескольких последовательных проверок: сначала проверяем самые быстро работающие условия (или самые важные для принятия решения по логической "ветке"), затем самые медленно работающие условия.

С двумя .toLowerCase() (как сейчас в примере) крайне медленно, регулярка без создания объекта (через .test) должна явно быстрее сработать, если нужно проверять сразу несколько условий в окружении при проверке вхождения одной подстроки.

React hook form мне очень понравился, когда работал в вебе его использовал, один раз под себя насроить и можно быстро юзать где захочешь снова. При этом количество рендеров минимальное

про enum слышали ?

гугл не платит. Яндекс платит!

Для российских доменов Regni.ru
Для глобальных Sav.com
А вообще есть поиск по регистраторам, там можно выбрать и регистрацию дешевую и продление https://ru.tld-list.com/

Google за вас ничего не платит. https://support.google.com/adsense/answer/1714413?... Вы самостоятельно должны это делать.

Интерфейс в TypeScript может иметь несколько объявлений в коде, и TypeScript объединит их все в один общий тип. Судя по ошибке с Вашим ApplicationInit именно это произошло, помимо поля initialPayment объявлены другие поля в другом объявлении, поэтому он их и требует.

Картинке поставьте vertical-align: bottom или display: block

Ничего угадывать не надо, если использовать тот же viewBox, то и координаты будут те же:

<svg width="14" height="12" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg">
  <polyline points="2,5.75 5.75,10.75 12,2" fill="none" stroke="#1E2321" />
</svg>

viewBox - это размер координатной сетки, и координаты должны ему, очевидно, соответствовать.

Или вот такой плагин https://ru.wordpress.org/plugins/wordpress-popular...