This content originally appeared on DEV Community and was authored by Mehedi Hasan
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 শেখার যাত্রায় সাহায্য করবে!
This content originally appeared on DEV Community and was authored by Mehedi Hasan