Антон Горецкий

Есть сборщик gulp

То что под gulp есть сборщики не делает сам gulp сборщиком. Gulp - task runner, запускалка задач. То есть сборщик под капотом может быть любой, хоть тот же vite.
Теперь про vite, основная его фишка - это ускорение dev сборок и за счет этого ускорение самого процесса разработки. Достигает он это за счет того, что по сути не собирает Ваши исходники, а только применяет к ним трансформации, хотя зависимости все же собирает с помощью esbuild. При этом для прода вся сборка переадресуется на rollup. И то что в dev и в prod у Вас будут по сути разные сборщики изредка приводит к багам, которые воспроизводятся только в prod сборках. Rollup надо сказать тоже не идеален и на больших проектах порой ломает код, хоть и редко.

А по факту, смена сборщика чревата ошибками, сильными изменениями в структуре проекта и прочими подводными камнями.
Если вопрос "стоит ли переезжать" появился только из hype-driven-development (погоней за модой по-простому), то ответ однозначный - нет, не стоит.
Если же текущая сборка накладывает на Вас сильные ограничения и борьба с этими ограничениями занимает очень много времени, настолько, что потенциальные проблемы от смены сборки скорее всего займут времени меньше, то да, стоит переезжать.

Потому что кое что забыли в addMatcher. Сейчас у вас оба слайса в extraReducers матчатся на все асинхронно возвращаемые через промисы экшены, поэтому данные и записываются в оба слайса Т.е. вам необходимо матчить по название thunk + статус, а не только по статусу, как пример, для option:
вот вы создали async thunk с типом "countries/fetchCountries"

export const fetchCountries = createAsyncThunk(
  'countries/fetchCountries',
...

и в addMatcher будет тогда:

(action) => action.type.endsWith("countries/fetchCountries/pending"),

Ну и везде так поменяйте.

Я так понимаю, вот она, причина, подъехала с версией 18.0.0:

Consistent useEffect timing: React now always synchronously flushes effect functions if the update was triggered during a discrete user input event such as a click or a keydown event.

Т.е., жмёте на кнопку, открывается окно, запускается эффект, устанавливается обработчик клика на document, дальше событие клика по кнопке продолжило всплывать и попало в только что установленный обработчик.

При добавлении задержки, данная проблема уходит

Можете ещё попробовать ловить событие в фазе погружения:

document.addEventListener('click', handleOutsideClick, true);
return () => document.removeEventListener('click', handleOutsideClick, true);

Для начала, a,b - операция "запятая", её результат равен последнему операнду, то есть b.
Затем вы сравниваете b с результатами операций a>b и a<b. Поскольку в b строка, а операции дают true или false, то, соответственно, сравнения не проходят и отрабатывает ветка default.

ответ

devServer: {
  devMiddleware: {
    writeToDisk: true,
  },
},

numbers.forEach((name,index,array)=>{
    kubof=name**3
    sumech = sumof+kubof // <----- используется переменная из предыдущего цикла
    console.log(kubof) 
})

у вас не получиться сделать скриншот средставми JS, если iframe это внешний источник обращение к frame доступно только через postMessage в обоих направлениях.
Для локальных фреймов которые созданы родительским окном можно использовать все что угодно.
так работает например vpaid реклама на yootube и на милионах других сайтах.

Решение только использовать web-driver который запускает реальный браузер через selenium это chrome или firefox

на nodejs можно использовать безголовый-хром в лоб, на пхп уже не вспомню как запускать шайтан машину.
можно воспользоваться готовой библиотекой требует php8.1

посути это обертка вокруг безголового хрома.
https://github.com/spatie/browsershot

https://dimox.name/jquery-form-styler/ неплохая библиотека для стилизации селектов
____
спасибо, а есть простой способ поменять цвет плейсхолдера для текстового инпута?
____
input::placeholder {...}

Есть простые и сложные запросы CORS. Когда запрос сложный - браузер отправляет 2 запроса сначала OPTIONS затем основной. GET - простой запрос - поэтому у вас всё работает правильно. POST - тоже простой запрос, но если изменить ему Content-Type на 'application/json' он становится сложным. Ваш сервер не отвечает на предварительный запрос OPTIONS, поэтому браузер блокирует ответ. Читайте подробнее, например здесь

Можно настроить config для ссш и юзать разные хостнеймы для конкретных репозиториев
Пример:

~/.ssh/config:

Host github-user1
      HostName github.com
      User git
      IdentityFile ~/.ssh/id_rsa_user1

    Host github-user2
      HostName github.com
      User git
      IdentityFile ~/.ssh/id_rsa_user2

В разных репозиториях редактируешь ремоут (.git/config)
url = git@github-user1:user1/myrepo.git
или
url = git@github-user2:user2/myrepo.git

ну или можно командой
git remote set-url origin git@github-user1:user1/repo.git

Потому что вы ищете свойство "--main-up" в селекторе класса .favicon, а определили его в :root
Попробуйте так

let root =  document.documentElement;
root.style.setProperty("--main-up", random+'px');