DEV Community

Cover image for TypeScript Core Concepts Every Developer Should Know (Bengali)
Mehedi Hasan
Mehedi Hasan

Posted on

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 শেখার যাত্রায় সাহায্য করবে!

Top comments (0)