Скачать или смотреть Повысьте безопасность типов React с помощью этого простого типа!

Давайте начнём с улучшения вашего TypeScript с помощью паттернов, которые действительно окупаются в больших кодовых базах.

Разграниченные объединения для надёжного состояния и логики

Разграниченное объединение — это функция TypeScript, позволяющая создавать типы, которые могут представлять несколько различных возможностей или вариантов. Прикрепляя дискриминаторы к каждому варианту, система типов TypeScript гарантирует корректную обработку всех возможных случаев. Дискриминаторы могут быть строковыми литералами, числовыми литералами или даже символами.

Разграниченные объединения позволяют точно и безопасно моделировать сложные состояния и потоки данных. Например, статус аутентификации пользователя часто не ограничивается просто «вход в систему» ​​или «выход из системы» — могут быть также состояния загрузки и ошибки.