Как сделать Hook, для работы с query parameters?

В коллбэк useEffect`а убираются все сайд эффекты, ...

В моём случае это обращение к window.location.
updateURL и parseQueryParams это функции хэллперы для хука useQueryParams.

Использование хука:

const [queryParams, setQueryParams] = useQueryParams(['foo', 'bar', 'baz']) - Указываем какие нужны

// queryParams - это объект, в котором будет лежать значения по запрашиваемым ключам 
// { foo: 'param1', bar: 'param2', baz: 'param3' }

// Изменять параметры можно передав объект
changeQueryParams({ foo: 'param3', bar: 'param4', baz: 'param5' } ) // Передаём новые параметры

localStorage? Вы про что? На сайте есть форма, все фильтры записываемые в форму, я указываю в query параметры, если эту же ссылку открыть в другом браузере, откроется страница с заполненной формой.

TypeScript. Как собрать объект из массива строк?

Я сейчас пытался исправить это, как у вас так быстро получается? огромное спасибо

TypeScript. Как собрать объект из массива строк?

Круто, большое спасибо. Я сейчас ковырял и понял, что оказывается this.$nativeElement.style[style] может вернуть что угодно, число, функцию и прочее, сделал проверку на строку и заработало
Но ваше решении более лаконично

TypeScript. Как типизировать callback?

Антон Швец, отстой, понял, спасибо)

TypeScript. Как типизировать callback?

Антон Швец, Последний вопрос, вы сделали все оч. круто.
Единственное, при приклеплении подписчика я хочу связать тип события например 'input', с типом параметров который можно передать в callback.

Допустим если я прикрепил(attach) callback на событие 'table', и сказал что у callback может принимать только 1 параметр с типом string,
То потом когда я буду уведомлять(notify) подписчиков событием 'table' я смогу передать в callback только string

Напр. notify<T1, T2>(event: T1, evt?: T2): void
Если T1 строка 'table' то T2 будет типом string
Я так типизировал actions в redux

type InferValueType<T> = T extends { [key: string]: infer U } ? U : never;

Но не знаю как это можно сделать тут

У вас это сделано через объект Event

TypeScript. Как типизировать callback?

Rerurk, Не очень понял, мне просто нужно связать тип события например 'input', с типом параметров который можно передать в callback.
Допустим если я прикрепил(attach) callback на событие 'table', и сказал что у callback может принимать только 1 параметр с типом string,
То потом когда я буду уведомлять(notify) подписчиков событием 'table' я смогу передать в callback только string

Как удалить Mutation Observer?

Почему так нельзя?

const shittyFunction = (HTMLElement) => {
  const observer = new MutationObserver(() => {})
  observer.observe( HTMLElement, { attributes: true })
  observer.disconnect()
}
btn.addEventListener('click', () => {
  shittyFunction(*любой дом элемент*)
})

TypeScript. Как типизировать callback?

Большое спасибо, я так понимаю что каждое имя события нужно заранее записать в type.
т.е. допустим у меня есть ещё много разных событий, я должен заранее их определить?
я также должен определить какой callback может быть использован с какими типами?

TypeScript. Как типизировать callback?

Rerurk, Ну я делаю так, чтобы потом их уведомлять было удобнее) forEach пробежался и вызвал