Алексей Уколов

Почему мои поиски в попытках найти логику хука провалились

Кто ж вас знает ¯\_(ツ)_/¯

как выйти на след

Я поиском по репе на Гитхабе воспользовался: https://github.com/facebook/react/blob/6f18664b82b...

Дело в том что он не загружает обновленный файл main.css, а отображает старый.

Просто у вас этот файл кэшируется на год, а при изменении файла url никак не меняется и браузер не понимает, что его надо перезагрузить.

чистил кэш браузера

Вот это маловероятно, что не помогло.

Хотя, у вас это через Cloudflare сервится, может, там ещё что-то кэшируется у них.

У вас этот файл явно исполняется на клиенте (есть состояние и обработчик события), а на клиенте никакого process.env нет (при этом я не понимаю как может быть "локально всё ок"). А даже если бы и был, все эти телодвижения лишены смысла - вы свой секретный токен передаёте на клиент и там вставляете в данные формы, то есть он уже совсем никакой не секретный.
Что либо секретное не должно покидать сервер и, соответственно, без сервера не реализовать ничего секретного.

Это какой-то салат из слов (причём неправильно использованных), но попробую угадать, что есть три модели: Protocol, User и Branch и вам в Protocol нужно получить Branch через User. Для этого используется отношение Has One Through.

Если нет потребности поддерживать динозавров, можно сделать прямо по красоте: вставлять в HTML оба варианта picture, указывать им специальные классы, чтобы различать картинки для тёмной и светлой тем, и, используя media-запрос prefers-color-scheme, скрывать лишнее.

https://developers.google.com/identity/gsi/web/gui...

IntersectionObserver нужен, чтобы следить за тем, что какой-то конкретный элемент пересёкся с каким-то другим элементом или видимой областью экрана. Соответственно, потребность следить за "всей страницей" - это нечто странное и это невозможно. Все элементы всегда пересекаются с body и body всегда пересекается с вьюпортом.

То-есть сначала последовательно вызываются конструкторы, только потом handle обеих очередей.

Ну конечно. Конструктор по определению вызывается ещё до того, как вы что-то в очередь положите - он создаёт сам объект, который ставится в очередь.

Как починить?

Переделывайте зависимости, получайте данные в handle, а не через конструктор, когда их ещё не существует.

Браузерная консоль показывает содержимое объектов в том виде, в котором они находятся в данный момент, а не в момент логирования - такая вот у неё особенность в целях экономии памяти. Обратите внимание, что на вашем скриншоте изначально написано, что в массиве два элемента, как это было на момент логирования, а вот при разворачивании показывается уже текущее состояние.
Чтобы этого избежать, приходится делать так:
console.log({...names});

Но, если в объекте находятся другие объекты (как у вас) и они изменяются тоже, то простое копирование не поможет.
Поэтому используют вот такую конструкцию:
console.log(JSON.parse(JSON.stringify(data)));
Есть и другие способы сделать глубокую копию объекта, но я для этих целей предпочитаю такой.

Ну ведь ясно же написано в тексте ошибки решение:

Are you sure the view exists and is a .blade.php file?

У вас проблема не с маршрутом, а с шаблоном, который вы пытаетесь отрендерить, не создав его (или создав в неправильном месте или с неправильным названием). Должен быть файл resources/views/pages/home.blade.php.
https://laravel.com/docs/11.x/views#creating-and-r...

- SELECT * FROM 'photos'
+ SELECT * FROM `photos`

Это делается не так. При смене таба вам просто нужно добавлять запись в History API и всё будет работать так, как вы хотите, автоматически.
Событием beforeunload злоупотребляют спамеры, поэтому полагаться на него не стоит (не говоря о том, что это костыль).

Относительно простое решение такое:

• У вас есть какой-то сервер сокетов, который постоянно запущен и поддерживает соединения с клиентами.
  
• У вас есть какой-то сервер очередей.
  
• Сервер сокетов слушает сервер очередей и, при получении нужных данных, рассылает их клиентам.
  
• По крону срабатывает скрипт, который кладёт данные в очередь.
  

Рабочий ли вариант если просто через rsync передать всю папку /var/lib/mysql?

Если другая система аналогична первой и совпадают версии MySQL (вплоть до патча), то есть вероятность, что заведётся. На первом сервере всё равно при этом надо будет остановить MySQL.

Я так делал, когда нужно было внезапно перенести БД размером больше терабайта, но у меня были докеры, содержимое которых куда проще воспроизвестию

В репозитории хранится .env.example, содержащий заглушки ключей и комментарии с инструкциями для их получения. После клонирования он переименовывается и заполняется.

Даю удочку, не рыбу. Тут три составляющих:

• Итерация по ключам-значениям объекта. Способов несколько, все описаны на первых страницах любого учебника.
  
• Сохранение значения конкретного стиля. Тоже элементарно: element.style.backgroundColor = value.
  
• Использование переменной в качестве названия свойства. Тоже на первых страницах учебника.
  

Но перед этим нужно раз и навсегда уяснить разницу между массивом и объектом в js и использовать корректные термины.

Здесь можно даже и не заподозрить, что then что-то возвращает.

Все функции в js что-то возвращают. Если явного return нет или в нём не указано значение, то возвращается undefined.

Но поскольку там null, можно подумать, что исходный промис просто как-то передается дальше.

Так и есть - вы не передали никакой callback и весь этот вызов как бы игнорируется. Этот сценарий аналогичен предыдущему.

Еще интереснее - then возвращает простое значение, которое моментально попадает в следующий then.

Это ваш callback возвращает простое значение, которое then оборачивает в отрезолвленный промис.

Можете рассказать в общих чертах, если then возвращает промис, то как он его формирует?

Ну берёт и формирует... Примерно так:

then = (onFulfilledCallback, onRejectedCallback) => {
  try {
    let newValue;

    if (this.previousValue instanceof Error) {
      newValue = onRejectedCallback(this.previousValue);
    } else {
      newValue = onFulfilledCallback(this.previousValue);
    }

    if (newValue instanceof Promise) {
      return newValue;
    } else {
      return Promise.resolve(newValue);
    }
  } catch (error) {
    return Promise.reject(error);    
  }
}

Это псеводокод но общий смысл такой.

Вы когда этот сайт куда-то выложите, откуда у людей будет браться диск D с вашими картинками?
В HTML указывается путь к изображению относительно веб-сервера, и этот сервер и должен их отдавать клиентам.

Не нужно сохранять результат items.filter() в state, туда нужно класть только поисковую фразу, а фильтровать просто при рендере налету перед .map().

Примерно так:

{navLinks.map((link) => (
    <Icon href={link.href} key={link.svgIcon} title={link.svgIcon} className={isCurrent ? `active` : undefined} />
))}

...
import classNames, { type Argument } from "classnames";

type Props = {
    title: string;
    href: string;
    className: Argument;
}

<Link href={props.href} className={classNames('svgh m-auto', props.className)>
    <SvgMail width="30" height="30" viewBox="0 0 50 50" />
</Link>

https://www.npmjs.com/package/classnames