TypeScript Core Concepts Every Developer Should Know (Bengali)

TypeScript হলো JavaScript এর একটি strongly typed superset, যা আপনার কোডকে আরও নিরাপদ, পরিষ্কার এবং maintainable করে।

আপনি যদি বড় প্রোজেক্টে bug-free কোড লিখতে চান, TypeScript শেখা অবশ্যই দরকার! ✨

এই ব্লগে আমি আপনাকে TypeScript এর মূল কনসেপ্টস দেখাবো, step by step, উদাহরণসহ।

1️⃣ Basic Types (বেসিক টাইপস)

TypeScript কিছু built-in টাইপস দেয়:

let isPublished: boolean = true;

let title: string = "TypeScript Basics";

let pages: number = 250;

সাধারণ টাইপস:

string, number, boolean, any, void

💡 আপনার জন্য টিপস: any খুব বেশি ব্যবহার করবেন না, না হলে type safety হারাতে পারেন।

2️⃣ Array এবং Tuple

Array: একই ধরনের মানের সমষ্টি রাখে:

let fruits: string[] = ["আপেল", "কলা"];

Tuple: নির্দিষ্ট লেন্থ এবং টাইপের array:

let bookInfo: [string, string] = ["The Alchemist", "Paulo Coelho"];

Tuple ব্যবহার করলে TypeScript ভুল টাইপ ধরতে পারবে না। 👍

3️⃣ Interface

Interface দিয়ে object এর structure define করা যায়:

interface Book {

title: string;

author: string;

pages: number;

published: boolean;

}

const myBook: Book = {

title: "The Alchemist",

author: "Paulo Coelho",

pages: 208,

published: true

};

💡 আপনার জন্য টিপস: Interface বড় প্রোজেক্টে ব্যবহার করলে আপনার কোড clean এবং readable থাকে।

4️⃣ Function এবং Parameter Types

TypeScript ফাংশনের parameter এবং return value type enforce করে:

function printBook(book: Book): void {

console.log(Title: ${book.title});

console.log(Author: ${book.author});

}

Optional বা default parameter:

function greet(name: string, greeting: string = "Hello"): string {

return ${greeting}, ${name}!;

}

5️⃣ Enum

Enum দিয়ে named constant define করা যায়:

enum Status {

Draft,

Published,

Archived

}

let bookStatus: Status = Status.Published;

Enums কোডকে readable করে এবং bug কমায়। 🛡️

6️⃣ Union এবং Literal Types

Union Types: একাধিক টাইপের মান গ্রহণ করতে পারে:

let pageCount: number | string = 200;

pageCount = "unknown";

Literal Types: নির্দিষ্ট মানের সীমাবদ্ধতা দেয়:

let difficulty: "easy" | "medium" | "hard";

difficulty = "medium"; // ✅

7️⃣ Generics

Generics দিয়ে reusable functions এবং components তৈরি করা যায়:

function getArray(items: T[]): T[] {

return new Array().concat(items);

}

let numbers = getArray([1, 2, 3]);

let strings = getArray(["a", "b", "c"]);

💡 আপনার জন্য টিপস: Generics ব্যবহার করলে আপনার কোড flexible এবং clean থাকে।

8️⃣ Type Alias

Custom type define করার জন্য:

type ID = string | number;

let userId: ID = 123;

9️⃣ Type Assertion

কখনও কখনও আপনি TypeScript এর চেয়ে বেশি জানেন:

let someValue: any = "Hello";

let strLength: number = (someValue as string).length;

🔟 Modules & Imports

TypeScript ES6 modules support করে:

// book.ts

export interface Book { title: string; author: string; }

// app.ts

import { Book } from "./book";

Modules আপনার কোডকে organized রাখে, বিশেষ করে বড় প্রোজেক্টে। 📦

✅ উপসংহার

TypeScript আপনার কোডকে নিরাপদ, পরিষ্কার এবং scalable করে।

Types, interfaces, generics এবং modules ভালোভাবে জানলে, আপনি robust এবং maintainable code লিখতে পারবেন।

💡 Pro Tips:

"strict": true tsconfig.json এ ব্যবহার করুন।

ছোট প্রোজেক্টে TypeScript ব্যবহার করে অভ্যাস তৈরি করুন।

React, Node.js বা Next.js এর সাথে TypeScript ব্যবহার করুন fullstack প্রোজেক্টের জন্য।

✨ আশা করি এই ব্লগটি আপনাকে TypeScript শেখার যাত্রায় সাহায্য করবে!