Mikhail Osher

Напишите свою имплементацию бэкенда https://github.com/gothinkster/realworld
Можете туда для прикола воткнуть всякие HATEOAS, свой Oauth сервер с 2FA авторизацией и 2FA сбросом пароля, свой graphql через apollo или еще что-нибудь. Может не обычную реляционную базу данных взять, а еще попробовать mongo или вообще графовые базы вроде JanusGraph/Titan/Neo4J.

А фишка в том, что в моем коде есть условие: если есть локальные переменные в Kubernetes, то делай одно. А если нет, то делай другое

Все эти переменные должны быть "стандартизированы" в рамках приложения, и приложение должно выбирать стратегию работы в зависимости от окружения. Например, для k8s настоящая база и куча переменных коннекта, а локально sqlite файл. Приложение дожно уметь работать с обоими вариантами, и плясать от некой переменной окружения RUNTIME_ENV, которая может принимать значения вроде k8s-stage | k8s-prod | local, и уже дальше от них плясать.

MutationObserver

Date.parse('01.02.2024') / 1000

Набросал на коленке, надеюсь поможет.

(@.+?\[id=(\d+)])

Набросал на коленке, просто показать идею

const sectionMain = document.querySelector('.main-section');

sectionMain.addEventListener('click', (event) => {
  if (event.target.classList.contains('element')) {
    sectionMain.classList.toggle('active');
  }
});

Array.prototype.sort specification

Однако там сложным языком описано.
На MDN в разделе Description описаны нюансы, которые могут быть полезны.

useMatch() возвращает объект match
useParams() возвращает объект match.params

Раньше все данные роутинг компонента насильно прокидывались пропами в компонент, даже когда компоненту этого не нужно было знать. Теперь это заменили хуками (заодно изменив сигнатуру роутера с Route path="xxx" component={MyPage} на Route path="xxx" element={<MyPage />})

https://codesandbox.io/s/angry-booth-4pinuu?file=/...

const draggable = document.getElementById("draggable");

let isDragging = true;

draggable.addEventListener("touchstart", () => {
  isDragging = true;
});

draggable.addEventListener("touchend", () => {
  isDragging = false;
});

draggable.addEventListener("touchmove", (event) => {
  if (isDragging) {
    const { pageX, pageY } = event.touches[0];
    draggable.style.top = pageY + "px";
    draggable.style.left = pageX + "px";
  }
});

Я бы попробовал повесить observer на src аттрибут у iframe. Однако слабо верю, что сработает, но всё же можно попробовать.

Проблема в том, что тип wwCodes при таком объявлении будет равен

{ 0: string, 1: string, 2: string, 3: string, 45: string }

, но никак не { [key: number]: string }, который ожидали бы.

Зависит от условия задачи.

wwCodes статически захардкожен в коде и не будет меняться на протяжении работы скрипта?
useState<keyof typeof wwCodes>

wwCodes - это некий generic объект, который мы получим извне (props, hooks, context), но мы предполагаем такую структуру?

type WwCodes = Record<number, string | undefined>
const wwCodes: WwCodes = ...

https://qna.habr.com/q/1156756#answer_2171206