DarthJS

useReducer это все лишь "Альтернатива для useState." Взято из доков.

useEffect - Принимает функцию, которая содержит императивный код, возможно, с эффектами. То, что вы ищите.

Не бойтесь документации, достаточно бегло прочитать.
https://ru.reactjs.org/docs/hooks-reference.html

"я бы мог "забить" и переходить к JS, но внутренний перфекционист не дает покоя" -- если внутренний перфекционист не даёт покоя, то будет очень тяжко :) так как часто попадаются фиговые проекты при который мой внутренний перфекционист каждый раз делает себе харакири.

Проекты бывают разные, например админки, там чаще всего нужно что-то типа Bootstrap.
Как вариант больше собеседоваться и брать тестовые задания, тогда будет больше понимания насколько хорошо нужно знать тот или иной иструмент. И собеседоваться уже пора сейчас и до конца года сможете набрать необходимый минимальный опыт.

В конфигах должна быть указана директория для output, vendor - это и есть собранные (возможно минифицированные у вас) либо бавера или нод модулей либы, которые должны подключаться к index.html файлу.
Возможно в index.html ранее подключены были скрипты нод модулей.
ТАк же есть у меня подозрение, что это всё, вместе со сборкой лежит в корне и при поднятии сервера выдают ошибки, тем более, что у либ нод модуля статус не 400, а 500

Ты ж программист :) напиши приложуху да сохраняй на хдоровье ;)