Можете показать шаблон eslint конфига для Express Typescript приложения?

Сорян, для express у меня нет конфига, но eslint + ts - это больная тема.)

Типизация массива для функции и смена типа при сравнивании?

TheSnegok, сделай в конце хука так: return [setRef, isIntersecting] as const;

Суть проблемы в том, что выводимый тип массива по умолчанию - это массив, в котором элементы могут быть любыми из имеющихся, т.е. const arr = [1, 'text', true] - имеет тип по умолчанию Array<string | number | boolean>, а значит если мы сделаем так: arr[0] *= 2; тайпскрипт будет жаловаться на то что arr[0] не точно number, а может ещё быть и string и boolean.
Используя конструкцию as const мы даём тайпскрипту знать, что этот массив никогда не будет меняться и по сути является кортежем.

Кстати как вариант, можно явно указать возвращаемый хуком тип как кортеж:

const useOnScreen = (option?: IntersectionObserverInit): [Dispatch<SetStateAction<HTMLDivElement | undefined>>, boolean] => {

но это излишне многословно, как по мне.)

Типизация массива для функции и смена типа при сравнивании?

TheSnegok, посмотрел что он делает - я бы так делать не стал. Но ок, его логика теперь понятна, теперь непонятно с чем у тебя проблемы?)
Всё в теории должно работать.

И да - изменение картинок через src никак не влияет на работу базового хука, те изменения, что внёс чувак, нужны если элементы вырисовываются по условию
({condition ? <A ref={ref}/> : <B/>}) - не твой случай.

...upd: если непонятно как работает setRef - это ~тайная~ фича реакта, называется callback ref. Вместо ref-объекта полученного из useRef, ты кладёшь в ref функцию - коллбэк, которая вызывается каждый раз, как изменился ref-элемент и получает на вход HTMLElement.

Типизация массива для функции и смена типа при сравнивании?

TheSnegok, это какая-то ересь, выкинь.
Вот тут в гугле почти такой-же хук, только человеческий. За одно с примером как юзать.

Как встроить vue компонент в html?

RuslanSer, охлол. Ну это явный баг, заведи им issue на githab.)
Workaround: юзать функцию, так работает: position: () => 'top':)

Считается ли это рекурсией?

Сергей Соколов, использовать строки для числовых операций - плохо.)

Где проверить код на кроссбраузерность?

Сергей Соколов, ну в теории из под вируталки макоси можно запустить нативный эмулятор...
Но так далеко я пока не заходил.)

Как встроить vue компонент в html?

RuslanSer, в плэйграунде на оффсайте работает. Наверное стоит попробовать обновить либу. Или у тебя там какая-то кривая обёртка используется - надо смотреть.

P.S. Твои пляски с бубном вокруг Vue всё равно не заработали бы, по причинам описанным мной в ответе.
Это можно было бы сделать через отдельный компонент Vue, принимающий на вход params и showInfo как props.

Что значит верстка под vue js?

Верстка под vue js значит, что надо использовать vue js. Твой кэп.

Vue js если используется, то используется по-хорошему для всей вёрстки, кусками vue внедряют только в легаси.

Нужен ли опыт "дизайнера" в front-end?

Дмитрий, понял ты верно, но волноваться стоит.)
Всякие встречаются требования, но в любом случае дизайн не входит в обязанности фронта. Он даже вреден - покажешь годный результат - повесят лишнюю работу за те же деньги. Так что, совет, если вдруг встретишь такое - сотвори кислотный ад, чтоб отстали раз и навсегда.)

Всплывающее окно bootstrap внутри vue js?

Tereverda, шо? Нет.
BTooltip.vue(примерно, не проверял):

<template>
  <span data-toggle="tooltip" v-on="$listeners" v-bind="$attrs">
    <slot/>
  </span>
</template>

<script>
  export default {
    mounted() {
      $(this.$el).tooltip()
    }
  }
</script>

Твой компонент:

<td>
    <b-tooltip v-if="box.fefco == '0201'" data-html="true" data-title="<img class='d-block m-1 mx auto' 
    src='/img/0201.jpg'>">Fefco 0201 — четырехклапанная</b-tooltip>
  </td>

Как оптимизировать работу с массивом?

Это самый быстрый вариант и должен работать на разумных данных моментально.
Ускорить в пару раз можно делая копию массива с помощью Array.prototype.slice.call, вместо Array.from.
Дальше - наверное только если перейти на TypedArray и ArrayBuffer с asm js\webassembly и то хз.

Как получить типы свойств объединенного типа в TypeScript?

WbICHA, сорян, попутал, за давностью.)

Крч. как и сказал Дмитрий - затипизировать можно любую дичь, а значит и преобразовать можно любую дичь в любую дичь. Будь там классы, json, функции или массивы, всё это можно забрать через typeof и с помощью магии динамических типов преобразовать к нужному виду.

Хотя конечно лучше заранее писать с оглядкой на систему типов тс.)

Как получить типы свойств объединенного типа в TypeScript?

WbICHA, лучше ты кинь свою функцию работающую с массивом creatures с зависимостями, чтоб мне не гадать какая у тя там структура.)

Суть в том, что если у тебя не код-лапаша вида:

if(type === "people") {
  if(subtype === "adult") ...
  else if ...
  else if ...
  else if ...
} else if ...

то где-то в коде уже описаны каким-то образом возможные type, их subtype и т.д. Осталось только их добыть через typeof и преобразовать в нужный вид.

Как получить типы свойств объединенного типа в TypeScript?

WbICHA, ну так "нормальное решение" Дмитрия делает имеено то что я сказал:

один раз пишем боль-мене сложный тип-преобразователь "тип структуры" - "тип приведённый выше"

Только у него "тип структуры" задаётся вручную, а не выводится из уже имеющегося js кода, так что в его случае надо писать больше.

Как получить типы свойств объединенного типа в TypeScript?

WbICHA, магическое слово as const. Тогда typeof вернёт конкретный литерал.)

typeof есть и "тсовксий", делает так:

const catStruct = {
  type: 'cat'
} as const;

type Cat = typeof catStruct;

Как получить типы свойств объединенного типа в TypeScript?

WbICHA, некропост:
Ты всё равно где-то и как-то описываешь эти "тайпов 5 штук и для каждого по 5 субтайпов", ведь так?
И в чём тогда проблема? Всё что надо сделать - придумать как не описывать всё дважды. Типы прекрасно выводятся через typeof из твоей структуры, какой бы она там ни была, после чего один раз пишем боль-мене сложный тип-преобразователь "тип структуры" - "тип приведённый выше" и дальше спокойно работаем.

Как изящно сделать border не во всю длинну?

Картинкой.)

Почему нет доступа в интернет на корпоративном ноутбуке?

До гугла он в обоих трассировках доходит, так то, во второй только обратного днс нет...

Как получить разделитель даты?

Не-не-не, не надо ничего скармливать Date. Date на айфоне кушает соврешенно инные вещи, чем Date в фоксе, а та в свою очередь тоже иной вкус имеет, чем Date в ослике.
Это частый источник багов. Так что либо moment и аналоги, либо ручками всё к циферкам приводить.