Как перестать загрязнять код импортом интерфейсов?

Question

[lil_web]

Я пишу веб-приложение на Реакте, используя Тайпскрипт.

Описываю пропсы функционального компонента с помощью интерфейса. Этот интерфейс нужен в других компонентах или хелперах, поэтому приходится его экспортировать и импортировать — засорять код.

Во Флоу я просто писал declare type, и тип был доступен во всём проекте. Как сделать так же в Тайпскрипте?

Answer 1

[abberati]

Глобальные переменные — это плохо. Плохо вы делали в флоу. Но можете так же делать в тс https://www.typescriptlang.org/docs/handbook/decla...

Comments

[Алексей Ярков]

Подпишусь под вашим ответом. Явное лучше неявного всегда.

[lil_web]

То есть просто declare interface?

Answer 2

[Aetae]

Можно просто положить где-то(во включённой в tsconfig.json) директории какой-нить global.d.ts и просто накидать туда часто используемых интерфейсов. )
Но, конечно, если интерфейсы связанны с какими-то модулями, правильно и хранить их в соответствующих модулях. Всё равно же используя модуль, вы оный импортируете, добавка к импорту ещё и интерфейса погоды не делает.