Кто может мне рассказать, как корректно расширять/переопределять типы third-party кода?

TS в соответствии с принципом открытости/закрытости позволяет либо расширять модули новыми типами, либо полностью заменять их, но не модифицировать (тут можно посмотреть подробнее: https://t.me/ts_cool/124834). Модуль react экспортирует свои основные типы в виде огромного неймспейса, а в TS нет синтаксических средств для вырезания какого-либо значения из неймспейса, или для копирования в один неймспейс части другого неймспейса без явного перечисления всех копируемых элементов, поэтому удобных способов именно переопределить типы react нет. Но можно использовать три половинчатых подхода: 1) Ничего не переопределять во внешнем модуле, а только расширить его новыми типами. Архитектурно это самый правильный способ (самый явный для читающих код), так что TS поддерживает его нативно, и он проще всего в реализации. 2) Если нужно именно переопределить тип внешнего модуля, можно с помощью параметра paths в tsconfig.ts перенаправить TS на свою реализацию типов react (на рантайм это не повлияет), однако в этой реализации придётся вручную указать все типы из оригинального модуля react, которые понадобятся в проекте. 3) Технически переопределить тип модуля react можно и без paths (вынести оригинальные типы react в глобальную область видимости, и использовать их в скрипте со своим определением модуля react), но при таком способе придётся указывать все используемые типы react уже в двух местах.

0

04.02.2021

Aleksey Kozin

Крутой ответ 👍

0

04.02.2021

Ivan 🧑‍🚀 Автор вопроса

херасе это круто, спасибо тебе

0

04.02.2021

Maksim

Такие файлы деклараций пишутся вручную или генерируются https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/types/react/index.d.ts#L65?