))))

лучше разобраться где что происходит не так

css переменные например

или если стайледы - использовать их апи для темизации

файлы имеют разную начинку, мы передаем одни и те же пропсы, но структура разная внутри темплейта, поэтому этот способ думаю не подходит

глобальный флаг темы и обертка отображающая нужные компоненты в зависимости от флага темы

Можно заюзать react-router-config

по сути в папке какого-то компомента сделать тернарку и выводить нужный темплейт?

в условном рендере можно использовать новую конструкцию "?." ?

например вместо:
{user && user.name}
{user?.name}

Можно использовать такую конструкцию где угодно

он отвечает, некоторыми статьями, но мне не все в них понятно.

Возник интересный вопрос, почему вместо массивов для рендера нескольких чилдов не используют объекты? Ведь если индексировать каждый item по id , то проще хранить и изменять сущность именно в объекте, а не в массиве. Сложность алгоритма будет O(1), а не  O(N)(например для пагинации можно просто мержить по id, и даже если что-то пойдёт не так на сервере, чилд будет всего один). А для самого рендера использовать Object.entries. Может есть какие-то подводные камни? Что скажете?

Object.entries() что возвращает?

Вопрос с подвохом 😅 Object.entries(obj).map((item) => item[1])

обход по массиву какую сложность имеет?

Но один раз 👌🏻 а потом useMemo

не понял тебя

при чем тут useMemo?

Ну пока obj не изменится, будет приходить мемоизированный массив