Менше типів — більше чистоти: TypeScript, який вам сподобається

💡 Усі статті, обговорення, новини про Front-end — в одному місці. Приєднуйтесь до Front-end спільноти!

Як кодувати на TypeScript, поважаючи DRY/KISS?

TypeScript — потужна мова, яка допомагає зробити код безпечнішим. Але багато розробників додають зайві декларації, навіть коли TypeScript сам вже все знає. Це не лише робить код важким для читання, а й ускладнює його підтримку. Давайте розглянемо, як застосовувати TypeScript ефективно, не перевантажуючи код зайвими деклараціями.

Довіряйте Type Inference

TypeScript чудово визначає типи автоматично. Тому не потрібно їх декларувати явно, якщо це можна вивести зі значення.

🤨 Раніше писав:

const age: number = 25;

👍 Зараз так:

const age = 25; // TypeScript сам виведе тип як `number`

Не декларуйте тип результату функції

TypeScript автоматично виводить тип повернення функції.

🤨 Раніше писав:

const add = (a: number, b: number): number => {
  return a + b;
};

👍 Зараз так:

const add = (a: number, b: number) => a + b; // TypeScript виведе `number`

Варто вказувати явний тип, якщо:

• функція складна або має кілька return,
• повертається void або Promise<void>,
• це частина публічного API,
• використовується Generic<T>.

Тобто правило просте: якщо тип очевидний — не дублюємо, якщо неочевидний — явно вказуємо.

Мінімум типів при деструктуризації

🤨 Раніше писав:

const user: { name: string; age: number } = { name: "Alice", age: 25 };
const { name, age }: { name: string; age: number } = user;

👍 Зараз так:

const user = { name: "Alice", age: 25 };
const { name, age } = user; // TypeScript сам знає, що це `string` і `number`

(React) не визначайте тип useState, якщо це очевидно

🤨 Раніше писав:

const [count, setCount] = useState<number>(0);

👍 Зараз так:

const [count, setCount] = useState(0); // TypeScript сам визначить `number`

✅ Висновок

• Довіряйте структурній типізації.
• Уникайте дублювання типів у функціях та при деструктуризації.

Так ваш код буде чистішим та легшим у підтримці і не перевантаженим зайвими деклараціями. 🚀