Книги
TypeScript
Розділ 1. Починаємо програмувати
Починаємо новий проект

TypeScript:
Починаємо новий проект

How to: (Як це зробити:) 

// Step 1: Start a new project
npx create-react-app my-app --template typescript

// Step 2: Navigate into your project directory
cd my-app

// Step 3: Start coding in TypeScript - example: a simple function
// src/greet.ts
export function greet(name: string): string {
  return `Hello, ${name}!`;
}

// Step 4: Use the function in your main app component
// src/App.tsx
import React from 'react';
import { greet } from './greet';

function App() {
  return <h1>{greet('World')}</h1>;
}

export default App;

// Step 5: Run your TypeScript project
npm start

Sample Output: “Hello, World!”

Deep Dive (Детальне Занурення)

Way back, JavaScript was the only option for web projects. TypeScript emerged as a typed superset of JavaScript, making code easier to understand and less prone to bugs.

Alternatives? Sure. Dart and CoffeeScript tried, but TypeScript, with Microsoft’s backing, became the standout. It fits smoothly into the JavaScript ecosystem.

Implementation is straightforward. Configure ’tsconfig.json’ to fine-tune how TypeScript compiles. Understand ‘interface’ and ’type’ for a strict structure. Embrace ‘any’ sparingly—it turns off type checking and defeats TypeScript’s purpose.

See Also (Дивись Також)