Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius aut esse delectus quod ex officia ab earum ad adipisci, deserunt tempore id, nam voluptatibus sint in nemo quaerat, officiis deleniti?
Lorem Ipsum Section
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius aut esse delectus quod ex officia ab earum ad adipisci, deserunt tempore id, nam voluptatibus sint in nemo quaerat, officiis deleniti?
Why Lorem Ipsum?
Lorem ipsum dolor sit amet, consectetur adipisicing elit:
- Lorem ipsum dolor sit amet
- Consectetur adipisicing elit
- Eius aut esse delectus quod
- Deserunt tempore id nam
Basic Types
TypeScript includes all the basic types you'd expect:
// Primitives
let name: string = "Alice";
let age: number = 30;
let isActive: boolean = true;
// Arrays
let numbers: number[] = [1, 2, 3];
let strings: Array<string> = ["a", "b", "c"];
// Objects
interface User {
name: string;
age: number;
email?: string; // optional property
}
const user: User = {
name: "Bob",
age: 25
}; Functions and Type Safety
TypeScript really shines when working with functions. You can specify parameter types and return types:
function greet(name: string): string {
return `Hello, ${name}!`;
}
// TypeScript will error if you pass the wrong type
greet("Alice"); // ✓ OK
greet(123); // ✗ Error! Getting Started
Adding TypeScript to a new project is easy:
npm install --save-dev typescript
npx tsc --init
This creates a tsconfig.json file where you can configure TypeScript's behavior. Start with strict mode enabled for the best experience:
{
"compilerOptions": {
"strict": true,
"target": "ES2020",
"module": "ESNext"
}
} Final Thoughts
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius aut esse delectus quod ex officia ab earum ad adipisci, deserunt tempore id, nam voluptatibus sint in nemo quaerat, officiis deleniti?