Найти статью на хабре о пользовательском интерфейсе, который разленил всех?

Ещё была статья вроде о том что форум разленил людей о том что они только спрашивают вместо того чтобы поэкспериментировать с поиском

Как добиться такого эффекта при наведении?

очень крутое решение. минимум ресурсов максимум красоты.

Как переместить прокрутку таблицы к нижней части видимой области?

Самый просто вариант - разместить таблицу во внутреннем контейнере высотой в условные пол экрана. Тогда пользователь всегда сможет скролить до нужного места таблицы, не теряя из виду нативные скроллбары.

Как переместить прокрутку таблицы к нижней части видимой области?

я бы добавил какие-то плавающие кнопки для "перемотки" таблицы. Ведь если так думать, то и второй скролл не поможет в UX если допустим таблица по высоте будет занимать больше чем экран.(ps - понял вопрос, комментарий не по теме)
Хотя нет, я бы вообще ничего не делал - разве что добавил бы подсказку кликнуть колесико мыши и таскать таблицу как душе угодно )

Как сверстать данный блок с последующим адаптивом?

Я думаю что просто на гридах, с отрегулированным значением gap. При этом адаптировать разве что отступы/гап/размер шрифта(?) для мобильников, сохраняя структуру 3 колонки/2ряда всеми силами. Это если нет четких указаний/лендинга к адаптиву. Если совсем не выходит я бы при малых размерах оставил только заголовки и иконки с условным знаком вопроса, при нажатии на которые показывал бы подсказку с текстом. Но это уже фантазии, зависящие от того на чем пишется сайт и как видится его дизайн.

Почему мой тайпскрипт сбоит и как это пофиксить?

хотя есть ли разница. . . )

Почему мой тайпскрипт сбоит и как это пофиксить?

хотя да, это разные вещи. Хук явно вызывается, а здесь объявление.

Почему мой тайпскрипт сбоит и как это пофиксить?

WbICHA, просто сбило с толку. Может чего не понимаю, но как говорил в комменте ниже

Даже не думал об этом. Не ожидал что при явном объявлении типов деструктурированных пропсов принимающий FC не подхватит их типы.

.
Тот же юзстейт например тоже дженерик, но всегда подхватывает типы на ура. Наверное тонкости внутренностей реакта.

Почему мой тайпскрипт сбоит и как это пофиксить?

WbICHA, да, спасибо. Действительно бесполезная писанина получается.

Почему мой тайпскрипт сбоит и как это пофиксить?

и по поводу того что код все же компилировался - конечно я сам виноват. Настраивал старую библиотеку, установил на время "strict": false, в настройках ТС и благополучно об этом забыл.

Почему мой тайпскрипт сбоит и как это пофиксить?

Даже не думал об этом. Не ожидал что при явном объявлении типов деструктурированных пропсов принимающий FC не подхватит их типы. Явно объявляю тип FC только если уж очень нужно компилятору, вот и конфуз на ровном месте поймал. Еще раз спасибо.

Почему в игре на Unity через минуту падает фпс с 70 до 0?

Неужели непонятно что на такой размытый вопрос невозможно дать ответ без ревью проекта? Если ты с кодом перед глазами и зная что устанавливал/использовал не догадываешься о причинах просадки, то как мы можем угадать по описанию своими словами? Самое логичное что можно посоветовать - используй инструменты для замера производительности, профайлер и пр.

Как написать функцию, которая принимает цифру и возвращает число прописью?

StiflerProger, идея с отдельными словарями выглядит более удобочитаемой. Например для чисел 11-19

function numToWords(num) {
  let answer = [];

  const dictionary11_19 = [
    "десять",
    "одиннадцать",
    "двенадцать",
    "тринадцать",
    "четырнадцать",
    "пятнадцать",
    "шестнадцать",
    "семнадцать",
    "восемнадцать",
    "девятнадцать",
  ];

  if (num > 10 && num < 20) {
    answer.push(dictionary11_19[num - 10]);
  }
  return answer;
}

console.log(numToWords(19));

Но в среднем задачка странная, тем более с такими нечеткими условиями. До какой цифры преобразовывать? Может нужно что-то конкретно использовать, в зависимости от того что на курсе проходят? Нипанятна.

Не работает новый хук use(), в чём проблема?

давно не видел столь отлично описанного предупреждения. Мне б такие ошибки. . .

Как выйти из функции js которая вызывает саму себя?

winser, Если есть затык с производительностью, то проблема сто процентов не в выходе из функции. Абсолютно сто процентов.

Как выйти из функции js которая вызывает саму себя?

winser, и сколько там максимум уровней вложенности если не секрет?

Какие инструменты для анализа React JS кода использовать?

Frontend разработка для меня будет "черным ящиком", так как я не смогу компетентно оценить качество написанного кода.

Думаю стоит принять это как факт и не пытаться своими силами оценить техничную сторону вопроса.

Какая лучшая практика для модальных окон?

historydev, лично я бы не стал изобретать велосипед. т.к. сомневаюсь что типов модалок будет более 10 условно говоря.

Какая лучшая практика для модальных окон?

historydev, Вот один из вариантов :

export const ModalProvider = (props?: IProps) => {
    const [modal, setModal] = useAtom(derivedModalAtom);
    const { type, isShown } = modal;


    const modalComponents = {
        InterlocutorFound: InterlocutorFoundModal,
        SearchChat: SearchChatModal,
        QuitChat: QuitChatModal,
        EndChat: EndChatModal
    };

    const ModalComponent = modalComponents[type];

    return (
        <ModalContext.Provider value={modal}>
            {props?.children}
            {isShown && ModalComponent && <ModalComponent />}
        </ModalContext.Provider>
    );
};

При желании/большом количестве модалок можно вынести modalComponents в отдельный файл, редактируя который можно расширять список модалок. Или сделать ход конем и инкапсулировать логику рендеринга модалки и константы в отдельном компоненте, который будет возвращать

return (
        <>
            {isShown && ModalComponent && <ModalComponent />}
        </>

Тогда в вашем провайдере останется аккуратные

<КомпонентКоторыйРендерит  isShown={isShown} ModalComponent={ModalComponent} />

Ну или передавать в компонент тип модалки, а внутри него инкапсулировать все константы. В общем как фантазия прикажет.

Какая лучшая практика для модальных окон?

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