TypeScript এর মডিউল লোডিং এবং টাইপ ডিক্লারেশনস (Type Declarations) একটি গুরুত্বপূর্ণ বৈশিষ্ট্য যা বড় এবং স্কেলযোগ্য অ্যাপ্লিকেশন তৈরি করতে সাহায্য করে। TypeScript এ মডিউলগুলি ব্যবহার করে কোডকে ভালভাবে সংগঠিত করা যায়, এবং টাইপ ডিক্লারেশন ব্যবহার করে কোডের নিরাপত্তা এবং টাইপ সেফটি নিশ্চিত করা যায়।
মডিউল লোডিং (Module Loading)
TypeScript এ মডিউল ব্যবস্থাপনা, কোড ভাগাভাগি এবং নির্দিষ্ট ফাংশনালিটি সরবরাহ করার জন্য ব্যবহৃত হয়। মডিউল লোডিং হল একটি প্রক্রিয়া যার মাধ্যমে আপনি একটি মডিউল থেকে অন্যান্য মডিউলকে আমদানি (import) বা রপ্তানি (export) করতে পারেন। TypeScript মডিউল গুলি ES6 Modules এর সাথে সামঞ্জস্যপূর্ণ।
মডিউল ব্যবহারের মৌলিক ধারণা
TypeScript এ দুটি প্রধান ফিচার রয়েছে:
- Export - মডিউলের মধ্যে কোন ফাংশন, ভ্যারিয়েবল, অথবা ক্লাস ব্যবহারযোগ্য করার জন্য এটি এক্সপোর্ট করা হয়।
- Import - অন্য মডিউল থেকে এক্সপোর্ট করা উপাদানকে ইনপোর্ট করা হয়।
উদাহরণ: মডিউল এক্সপোর্ট এবং ইনপোর্ট
File: mathFunctions.ts (মডিউল তৈরি)
export function add(a: number, b: number): number {
return a + b;
}
export function subtract(a: number, b: number): number {
return a - b;
}
এখানে, add এবং subtract দুটি ফাংশন export করা হয়েছে, যার মানে অন্য মডিউল থেকে এগুলোর ব্যবহার করা যাবে।
File: app.ts (মডিউল ইনপোর্ট)
import { add, subtract } from './mathFunctions';
const result1 = add(10, 5);
console.log(result1); // Output: 15
const result2 = subtract(10, 5);
console.log(result2); // Output: 5
এখানে, mathFunctions.ts মডিউল থেকে add এবং subtract ফাংশনগুলো import করা হয়েছে এবং সেগুলো ব্যবহার করা হয়েছে।
ডিফল্ট এক্সপোর্ট (Default Export)
TypeScript এ একটি মডিউল থেকে একাধিক এক্সপোর্ট করা যেতে পারে, তবে ডিফল্ট এক্সপোর্ট ব্যবহারের মাধ্যমে একটি মডিউলের একটি উপাদানকে ডিফল্ট হিসাবে এক্সপোর্ট করা যায়।
File: calculator.ts (ডিফল্ট এক্সপোর্ট)
export default function multiply(a: number, b: number): number {
return a * b;
}
এখানে, multiply ফাংশনটি ডিফল্ট এক্সপোর্ট করা হয়েছে।
File: app.ts (ডিফল্ট এক্সপোর্ট ইনপোর্ট)
import multiply from './calculator';
const result = multiply(10, 5);
console.log(result); // Output: 50
এখানে, multiply ফাংশনটি ডিফল্ট এক্সপোর্ট হিসাবে ইনপোর্ট করা হয়েছে।
টাইপ ডিক্লারেশনস (Type Declarations)
TypeScript এর একটি গুরুত্বপূর্ণ বৈশিষ্ট্য হল টাইপ ডিক্লারেশন। এটি আপনাকে কোনো মডিউলের টাইপ সংক্রান্ত তথ্য প্রদান করতে সহায়তা করে। টাইপ ডিক্লারেশনগুলি TypeScript কে জানতে সাহায্য করে কোন ফাংশন, ক্লাস, বা অবজেক্ট কী ধরনের ডেটা রিটার্ন করবে, এবং এর ফলে কোডে ত্রুটি কমানোর পাশাপাশি টাইপ সেফটি নিশ্চিত হয়।
টাইপ ডিক্লারেশন ব্যবহার
TypeScript এ আপনি declare কিওয়ার্ড ব্যবহার করে টাইপ ডিক্লারেশন তৈরি করতে পারেন, যা TypeScript কম্পাইলারকে জানায় যে মডিউল বা কোড ব্লকের জন্য টাইপ ডেটা কী হবে।
উদাহরণ: টাইপ ডিক্লারেশন
File: myLibrary.d.ts (টাইপ ডিক্লারেশন ফাইল)
declare module 'myLibrary' {
export function greet(name: string): string;
export function add(a: number, b: number): number;
}
এখানে, myLibrary মডিউলের জন্য টাইপ ডিক্লারেশন দেয়া হয়েছে। এটি TypeScript কম্পাইলারকে জানিয়ে দিচ্ছে যে এই মডিউলটি দুটি ফাংশন greet এবং add এক্সপোর্ট করে এবং তাদের টাইপ কী হবে।
File: app.ts (টাইপ ডিক্লারেশন ব্যবহৃত)
import { greet, add } from 'myLibrary';
console.log(greet("John")); // Output: Hello, John!
console.log(add(2, 3)); // Output: 5
এখানে, myLibrary মডিউলের টাইপ ডিক্লারেশন ফাইলটির মাধ্যমে TypeScript জানে যে greet এবং add ফাংশনের টাইপ কী হবে।
টাইপ ডিক্লারেশন ফাইল (d.ts ফাইল)
যখন আপনি বাইরের লাইব্রেরি বা JavaScript কোডের সাথে কাজ করছেন, তখন .d.ts ফাইল ব্যবহার করে টাইপ ডিক্লারেশনগুলো সংজ্ঞায়িত করা হয়। এই ফাইলটি TypeScript কম্পাইলারকে জানিয়ে দেয় বাইরের কোডের API কেমন হবে এবং কোন টাইপ ব্যবহার করা হবে।
তৃতীয়-পার্টি লাইব্রেরি এবং টাইপ ডিক্লারেশন
Angular, React, এবং অন্যান্য জনপ্রিয় ফ্রেমওয়ার্ক বা লাইব্রেরির জন্য TypeScript টাইপ ডিক্লারেশন সাধারণত DefinitelyTyped থেকে পাওয়া যায়। DefinitelyTyped একটি ওপেন সোর্স রেপোজিটরি যেখানে প্রায় সব জনপ্রিয় JavaScript লাইব্রেরির জন্য TypeScript টাইপ ডিক্লারেশন প্রদান করা হয়।
উদাহরণস্বরূপ, @types/react লাইব্রেরি React এর জন্য TypeScript টাইপ ডিক্লারেশন সরবরাহ করে।
টাইপ ডিক্লারেশন ইন্সটল করা:
npm install --save-dev @types/react
এটি আপনাকে React লাইব্রেরির জন্য TypeScript টাইপ সংজ্ঞা প্রদান করবে।
TypeScript এর মডিউল লোডিং এবং টাইপ ডিক্লারেশন একটি গুরুত্বপূর্ণ বৈশিষ্ট্য, যা স্কেলযোগ্য এবং শক্তিশালী অ্যাপ্লিকেশন নির্মাণের জন্য অপরিহার্য। মডিউল লোডিং আপনাকে কোডকে সুসংগঠিত এবং পুনরায় ব্যবহারযোগ্য করতে সাহায্য করে, আর টাইপ ডিক্লারেশন টাইপ সেফটি নিশ্চিত করে এবং ডেভেলপমেন্টের সময় ত্রুটি কমাতে সহায়তা করে। TypeScript এর এই সুবিধাগুলি বড় অ্যাপ্লিকেশন তৈরি করার সময় কোডের দক্ষতা এবং নিরাপত্তা বাড়ায়।
Read more
