javascript - React-Typescript, erklære grensesnitt i separate filer eller i samme fil, hvilken er bedre?

Jeg er ganske ny i både React og TypeScript. Og i PHP-verdenen anbefales det å erklære alle klassene, grensesnittene, abstraktene og... i sine egne separate filer, noe som også anbefales i SOLID-prinsippene.
Så jeg lurte på om jeg bør erklære propsInterface og stateInterface for hver av mine statefulle komponenter, eller om det er greit å erklære dem i samme fil. Så mine spørsmål er:
1: Hvilken måte er foretrukket i JS/TypeScript
2: Vil det å erklære minst to grensesnitt (props og states) for hver statefull komponent redusere ytelsen, eller spiller det ingen rolle siden den kompilerte JS-filen ikke inneholder disse grensesnittene?
Jeg er virkelig forvirret

Svar #1

Jeg gjør det i samme fil, med mindre jeg trenger å gjenbruke det. Jeg foretrekker denne tilnærmingen fordi grensesnittene som ikke trenger å brukes utenfor, kan forbli 'private'.

For eksempel i React (spørsmålet ditt sier at du bruker det), blir grensesnittet for intern tilstand sjelden gjenbrukt, så du kan ha det bare i komponenten uten behov for å eksportere/eksponere det (og bli misbrukt av en annen komponent). Hvis grensesnittet blir gjenbrukt (noen ganger skjer det med props-grensesnittet), tar jeg det til en egen fil.

Det påvirker ikke ytelsen i det hele tatt, fordi i den endelige kompilerte js forsvinner alle disse abstraksjonene (grensesnitt, typer, etc).

Det finnes ingen streng regel for dette, deler bare min preferanse.

Skål, fra La Paz, Bolivia

PS: Jeg har ledet et stort prosjekt en stund (med React og TS)