React Frontend Developer

Question 1

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

Accepted Answer

Общий тип пользователя удобно описывать через discriminated union. Для этого вводится общее поле-дискриминатор. По нему TypeScript понимает, с каким вариантом типа работает код. Такой подход безопасен и хорошо масштабируется. Он часто используется в реальных проектах.

Question 2

Что такое дискриминантные юнионы?

Accepted Answer

Дискриминантные юнионы — это объединения типов, где каждый тип имеет общее поле-дискриминант (обычно строковый литерал). TypeScript использует это поле для сужения типа при проверке. Это позволяет безопасно работать с разными вариантами данных, например, в обработчиках состояний или API-ответах.

Question 3

Как типизировать структуру с взаимоисключающими полями, чтобы возвращаемые типы функций-геттеров выводились автоматически из входного типа?

Accepted Answer

Используй discriminated union: каждое состояние — отдельный тип с общим литеральным полем-тегом. Затем через conditional types и keyof выведи тип геттера: если поле есть в варианте — возвращаем его тип, иначе never. Так TypeScript сам подставит правильный возвращаемый тип в зависимости от входного.

Вопросы React Frontend Developer