TypeScript
id: number;
Чому TypeScript став популярним
"build": "tsc",
age: 17
| Назва | TypeScript |
| Тип | Статично типізована надмножина JavaScript |
| Розробник | Microsoft |
| Перший публічний реліз | 2012 рік |
| Основна ідея | Додати до JavaScript систему типів і кращі інструменти для великих проєктів |
| Компілюється у | JavaScript |
| Основні сфери | Frontend, backend, full-stack, enterprise web, Node.js, React, Angular, Vue, NestJS |
| Складність для новачків | Середня |
| офіційно затверджений сайт | https://www.typescriptlang.org/ |
console.log(add("5", "7")); │ ├── routes/
</template> Причини:
type ButtonProps = {
return a + b;totalAmount: number; let isActive: boolean = true;
Компонент
Історичний розвитокid: number; "typecheck": "tsc --noEmit" customerId: number; name: "Anna", │ ├── controllers/ |
Як застосовується TypeScript
type UserRole = "admin" | "manager" | "user"; }; Generics дозволяють створювати універсальні типізовані функції, класи й компоненти.; |- |
Go | Go простий і продуктивний для backend; TypeScript зручний для full-stack web.; }
} isActive: boolean; Union type надає можливість значенню мати один із кількох типів.; !Для чого type CreateUserRequest = { name: string; Основні поняття TypeScriptТипиonClick: () => void; "dev": "tsx src/main.ts", │ ├── models/ number: string; ); |
Напрям
Альтернативи TypeScriptGenerics |
Чи підходить TypeScript?;function printId(id: number | string): void {
}
export function Button({ title, onClick }: ButtonProps) {
|-
|1
|Основи JavaScript: змінні, функції, обʼєкти, масиви
|-
|2
|ES Modules, npm, package.json
|-
|3
|Базові типи TypeScript: string, number, boolean, arrays
|-
|4
|type, interface, optional properties
|-
|5
|Union types, literal types, narrowing
|-
|6
|Generics
|-
|7
|tsconfig.json і strict mode
|-
|8
|TypeScript із React, Vue або Angular
|-
|9
|TypeScript на backend: Node.js, NestJS або Express
|-
|10
|Runtime validation: Zod або Valibot
|-
|11
|Тестування, ESLint, Prettier, CI
|}
Вона особливо сильна там, де потрібні:
Для ERP, CRM і внутрішніх бізнес-застосунків TypeScript корисний через:
Вона надає можливість писати JavaScript-код із типами, знаходити частину помилок ще до запуску програми, зручніше працювати у великих проєктах і отримувати кращу підтримку редактора коду.; Він додає шар перевірки, який користувачі можуть знайти помилки раніше.'''</blockquote>
!Пояснення
JavaScript надає можливість це, але в реальному проєкті така поведінка має змогу стати джерелом помилок.; TypeScript створений компанією '''Microsoft''' і компілюється у звичайний JavaScript, який має змогу виконуватися в браузері, Node.js, Bun, Deno та інших JavaScript-середовищах.;<blockquote>'''TypeScript — це JavaScript із типами, який робить великі проєкти зрозумілішими, безпечнішими й легшими для підтримки.'''</blockquote>
!Причина
Файл shared/types/user.ts:
type User = { email: string; console.log(add(5, 7));
== TypeScript у ERP та корпоративних системах ==
const textValue = identity<string>("Hello");
!Тип
=== Interface ===
name: string;
const status: Status = "published";
=== Обʼєкти ===
|
Помилка
Для Angular TypeScript важливий через: {isActive ?; |}
id: number; TypeScript і full-stack типізаціяOptional properties); shared/ function greet(name: string): string { };
|
|---|