Почему глобальные стили для body сбрасываются после перезагрузки страницы?

А точно в "глобальном" файле должны быть CSS-модули, и тем более миксины?

Как заставить табы работать?

Как внутри таба сделать еще 2 таба?

Как заставить табы работать?

При клике между табами отображаются не те секции, tabActive становится несколько.

Как задать тригер onchange при изменении value?

tgarl, rechange это сильно конечно. Если цель разобраться - то открываем ДевТулзы и вешаем прослушку всех (или интересующих) событий на элемент через monitorEvents. Там же и увидите, какие события диспатчатся на элементе.

Почему в VS Code весь React проект в ошибках про ненайденные модули, но при этом код работает?

А попробуйте убрать PnP режим для Yarn'а и линкер поставить в node-modules. Ну и после yarn исполнить.

Почему ошибки ТС отличаются когда запускаешь сам и когда в lint-staged?

WbICHA, проверять тайминг можно через TIMING=1 и команда, а Преттиер скорее для того, чтобы опр. правила работали - наверняка не скажу, т.к. конфиг с рабочего проекта наизусть не помню :)

Почему ошибки ТС отличаются когда запускаешь сам и когда в lint-staged?

WbICHA, Прошло конечно очень много времени, но вот мне снова попался кейс.
Имеем:
1. циклические зависимости и включенный import/no-cycle

Rule                                 | Time (ms) | Relative
:------------------------------------|----------:|--------:
import/no-cycle                      | 11511.688 |    34.7%
@typescript-eslint/naming-convention |  8997.119 |    27.1%
prettier/prettier                    |  7475.841 |    22.5%
import/namespace                     |  1279.176 |     3.9%
react/no-unused-prop-types           |   487.986 |     1.5%
import/order                         |   459.598 |     1.4%
react/no-direct-mutation-state       |   374.867 |     1.1%
import/no-extraneous-dependencies    |   303.322 |     0.9%
react/require-render-return          |   238.389 |     0.7%
react/jsx-no-target-blank            |   114.757 |     0.3%

2. циклические зависимости и выключенный import/no-cycle:

Rule                                 | Time (ms) | Relative
:------------------------------------|----------:|--------:
@typescript-eslint/naming-convention |  9119.487 |    36.8%
prettier/prettier                    |  7412.667 |    29.9%
import/namespace                     |  4362.292 |    17.6%
react/no-unused-prop-types           |   479.613 |     1.9%
import/order                         |   466.176 |     1.9%
react/no-direct-mutation-state       |   358.955 |     1.4%
import/no-extraneous-dependencies    |   315.997 |     1.3%
react/require-render-return          |   247.203 |     1.0%
react/jsx-no-target-blank            |   117.753 |     0.5%
object-shorthand                     |    99.188 |     0.4%

3. без циклических и включенный import/no-cycle:

Rule                                 | Time (ms) | Relative
:------------------------------------|----------:|--------:
import/no-cycle                      | 11696.468 |    34.6%
@typescript-eslint/naming-convention |  9126.938 |    27.0%
prettier/prettier                    |  7624.741 |    22.6%
import/namespace                     |  1268.783 |     3.8%
import/order                         |   494.612 |     1.5%
react/no-unused-prop-types           |   492.833 |     1.5%
react/no-direct-mutation-state       |   369.681 |     1.1%
import/no-extraneous-dependencies    |   312.265 |     0.9%
react/require-render-return          |   237.468 |     0.7%
react/jsx-no-target-blank            |   119.953 |     0.4%

4. без циклических и выключенный import/no-cycle:

Rule                                 | Time (ms) | Relative
:------------------------------------|----------:|--------:
@typescript-eslint/naming-convention |  9857.736 |    36.3%
prettier/prettier                    |  8042.446 |    29.7%
import/namespace                     |  4817.001 |    17.8%
react/no-unused-prop-types           |   550.794 |     2.0%
import/order                         |   496.272 |     1.8%
react/no-direct-mutation-state       |   395.921 |     1.5%
import/no-extraneous-dependencies    |   344.228 |     1.3%
react/require-render-return          |   248.769 |     0.9%
react/jsx-no-target-blank            |   132.625 |     0.5%
react/no-deprecated                  |   117.986 |     0.4%

Подумал что будет интересно.

Как сгруппировать значения массива?

Ну тогда уж

acc[part] ??= [];
acc[part].push(item);

React Hook Form. Какие существуют лучшие практики приведения объектов полученных с бекенда к значениям формы и обратно?

Последнее время использую мапперы в запросах: на получение мапите в нужный для фронта варианта, при отправке - мапите в вариант для бэкенда. Ну и запросы убираем в отдельные файлы. Мапперы от запросов тоже отделяем. А уже в компонентах React Query (кстати можно и в нём маппер вызвать на получение).

Почему в nodejs typescript проекте редактор vscode не дает предложений по импорту expressjs?

dufrein2013, Посмотрел и понял, что "отдельное спасибо" тем, кто делал типизацию для express'а - в файле типов экспортируется в стандартное окружение переменная e, вот она уже корректно импортируется.


В теории можно создать d.ts-файл с редекларацией типов, но в этом не разбирался.

Как альтернатива - посмотреть на более интересные аналоги express'а - Elysia.js для bun, или Fastify для node. Ну и ещё такой совет - выкинуть ts-node, столько проблем с алиасами и расширениями файлов будет, что кошмар просто. Можно заюзать vite-node.

Почему в nodejs typescript проекте редактор vscode не дает предложений по импорту expressjs?

dufrein2013, Можно ссылку на репозиторий? Очень лень воссоздавать архитектуру проекта.

Как в mobx из одного стора вызвать экшн в другом сторе?

Не использовал бы на Вашем месте классы, использовал бы обычные объекты.
По типу:

interface Store {}

const _store: Store = {
  // some store logic here
};

const store = makeAutoObservable(_store);

export default store; // ну или без default-варианта

На тот момент, когда активно работал с MobX'ом была проблема, что

makeAutoObservable({ /* some store logic here */ })

съедало типизацию.

С таким подходом можно импортировать файлы сторов между собой, если это необходимо конечно (кстати и контекст не нужен будет). Ну и никаких проблем не будет в использовании autorun / reaction / when.

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

Надеюсь, что idшники никогда не повторятся.

Как сделать кастомный хук, который будет возвращать актуальное состояние?

szQocks, Просто его применимость весьма спорна в React'е. Чаще всего есть более лучшая альтернатива в реализации.

Как сделать кастомный хук, который будет возвращать актуальное состояние?

Kentavr16, кстати да, про него подзабыл.

Как сделать кастомный хук, который будет возвращать актуальное состояние?

Паттерн "модуль" для Вас видимо в данном случае - можно вне хука хранить данные, но и позаботиться об инвалидации таких данных сами будет должны. Ну и если что, то можно сделать свой "redux" - https://react.dev/reference/react/useReducer.

Как при переходе по импорту функций перейти к самой функции, а не к ее типу в VSC?

MishaXXL, я полагаю поиском по гитхабу можно найти будет.

Как при переходе по импорту функций перейти к самой функции, а не к ее типу в VSC?

MishaXXL, исходники библиотек, не уверен, что вообще так можно открыть.

Что выбрать RTK Query, Thunk или Saga?

justifycontent, это по сути библиотека для работы со состоянием, поддерживающая промисы, а значит и сетевые запросы можно с её помощью обрабатывать. Есть кэширование, механизм инвалидации, "склеивание" запросов по общему ключу, повторение запросов и т.д.

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

Андрей Молодык, Ну то есть order_status склеивается в ключ?