JSX: как разделять логику и отрисовку в разметке, сгенерированной методом map

Выносим список в <UsersList />, по-необходимости мемим преобразования внутри и успешно рисуем вью. Как было выше замечено плохая практика вызывать в ретурне на каждый рендер довольно сложную функцию. Декомпозиция вроде и была сделана, но при этом код по-прежнему афектит перформанс

TypeScript здорового человека, или почему с Enum лучше

Создавать объект на основе которого создавать тип выглядит овер когда для этого можно использовать только енум

TypeScript здорового человека, или почему с Enum лучше

Этот нюанс решается с помощью const enum

TypeScript здорового человека, или почему с Enum лучше

Объект не может заменить енум тк его нельзя использовать в качестве типа. Элементарно нельзя сделать

function foo(position: Position) {

}