Speakermen

В своё время экпериментировали, если диск жестко не закреплен, у него падает скорость доступа, потому что растет вибрация корпуса. Переходите на SSD :)

так если температура меньше 60 градусов, чего им крутиться зря?) не вижу проблемы что-то)

Работать будет.

Но:
Если случайно пнете комп во время работы - винт может засбоить и вообще сдохнуть (зависит от того, как у него реализована защита от толчков)
Если забыли, что он незакреплен и понесли куда-то - он может банально что-то поломать

Ну и я бы подложил под него изолирующую прокладку (которую кстати можно приклеить к корпусу, а к ней приклеить сам винт)

ничего не будет. в идеале конечно на резину положить... или любой изолятор
и не "Ложить", а класть

Охлаждение hdd будет хуже, при переноске можете этим hdd поломать что-то внутри, если забудете, чьо там hdd не закреплён. А так по большому счету ничего с ним не будет.

В компоненты вынеси

Попробую сыграть в угадайку.
1. Имеется в виду не "не функция", а "не чистая функция".
2. toSlug1 использует throw чтобы сообщить об ошибке, что сложно отразить в контракте и оно добавляет нелинейность в код.

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

PS: посмотрел расшифровку речи спикера - он как раз об этом и говорит.
toSlug1 не функция из-за того что у неё throw есть, а toSlug2 полностью линейный и детерминистический, без побочных эффектов.

- 26:  return `<div class="lots">${lotsData.map((lotData) => Lot(lotData))}</div>`;
+ 26:  return `<div class="lots">${lotsData.map((lotData) => Lot(lotData)).join('')}</div>`;

const arr = Array.from(
  { length: -~(Object.keys(obj).at(-1) ?? -1) },
  (n, i) => obj[i] ?? null,
);

или

const arr = Object.entries(obj).reduce((acc, n) => (
  acc.push(...Array(n[0] - acc.length).fill(null), n[1]),
  acc
), []);

setTimeout
https://developer.mozilla.org/en-US/docs/Web/API/s...

После истечения счетчика - выполнить у окна:
modal.style.display = "none";

Изучайте, конечно. Прирост даст, но не в обходе ДОМ.
ДОМ и так что-то из этого уже использует под капотом, вы этим пользуетесь, вызывая стандартные методы.

Просто при обходе - нет ничего не даст.

Можно не пробегать по DOM дереву, подставляя inline стили элементам. А модифицировать сами CSS правила в итоговом style всей страницы. См. Adding and Removing Rules.

Переписать то же, короче, можно примерно так:

(names =>
  names.forEach(name => {
    document.getElementsByClassName(name).forEach(({ style }) => {
      style.display = name;
    });
  }))(['block', 'inline-block', 'inline', 'flex', 'inline-flex', 'table', 'inline-table', 'table-caption']);

Или можно «просто взять, и ..» добавить в head документа сгенерированный CSS:

Если, вдруг, кому-то будет интересно в будущем: рефреш токен действительно генерится рандомно, как угодно разработчику. Я так понимаю, что это регламентируется внутренней документацией каждой отдельно взятой конторы.

Видимо, Model first - это когда ты проектируешь через GUI, а из него потом генерируется и код, и база

https://elisdn.ru/blog/104/domain-entities-modelling
Здесь всё разжёвано.

O(1). У вас линейный код, циклов в нём нет.

400х400=160000 видимых элементов в документе - это прям много. Проще сгенерить картинку однократно, и ее положить. Можно вообще на фон с background-repeat.

Laravel 9 Breeze & Next.js / API laravel/breeze-next
Развернул на продакшене за пару часов не зная React NextJs.
Документация отличная для изучения.

Аутентификаци все работет на ура.
Буду дальше тестировать.