Tech TutorBangla Web Documentation
Portfolio
HomeHTMLCSSTailwind CSSJavaScriptTypeScriptReactNext.jsNode.jsExpressSocket.IOExpoWordPressPostgreSQLPrismaPostgresNestJSMongoDBDockerTanStackTanStack TableRTK QueryGitGitHub
  • TypeScript Documentation28টি অধ্যায়
প্রযুক্তি নির্বাচন
HomeHTMLCSSTailwind CSSJavaScriptTypeScriptReactNext.jsNode.jsExpressSocket.IOExpoWordPressPostgreSQLPrismaPostgresNestJSMongoDBDockerTanStackTanStack TableRTK QueryGitGitHub
  • Introduction
  • Installation
  • Basic Types
  • Variables & Inference
  • Functions
  • Objects
  • Type Alias
  • Interface
  • Union & Intersection
  • Type Narrowing
  • Type Guards
  • Enums
  • Generics
  • Classes
  • Utility Types
  • Type Assertion
  • Async TypeScript
  • Conditional Types
  • Mapped Types
  • Template Literal Types
  • tsconfig Options
  • Modules & Types
  • Decorators
  • React + TypeScript
  • Node.js + TypeScript
  • JS → TypeScript
  • Common Errors
  • Mini Project
  1. Docs
  2. TypeScript
  3. JavaScript থেকে TypeScript-এ রূপান্তর
TypeScriptIntermediate

JavaScript থেকে TypeScript-এ রূপান্তর

allowJs, checkJs দিয়ে শুরু, ধাপে ধাপে migration, any সমাধান এবং কাজের কৌশল — বাংলায়।

12টি অংশবাংলা ভাষায়

পুরোনো JavaScript প্রজেক্টকে TypeScript-এ নিতে একদিনে সব করা লাগে না — ধীরে ধীরে migration-এর অনেক উপায় আছে।

allowJs দিয়ে শুরু

tsconfig.jsonjson
json
{
  "compilerOptions": {
    "allowJs": true,
    "checkJs": false,
    "noEmit": true
  }
}

allowJs দিলে .js ফাইলও compile হবে — TS-এ মিশে থাকতে পারবে। checkJs চালু করলে শুধু ভুল ধরা পড়বে, বাধা দেবে না।

ধাপে ধাপে রূপান্তর

  1. আগে allowJs: true ও checkJs: true চালু করুন — JavaScript-এই টাইপ সমস্যা দেখুন
  2. নতুন ফাইল .ts নামে লেখা শুরু করুন
  3. একেক module-কে .js → .ts rename করুন এবং @ts-check চালু করুন
  4. সবচেয়ে গুরুত্বপূর্ণ ফাংশন/API ফাইলগুলো আগে কভার করুন
  5. any-গুলো ধীরে ধীরে সঠিক টাইপে বদলান
  6. শেষে noImplicitAny চালু করুন

সহজ রূপান্তর

// .js
function total(items) {
  return items.reduce((sum, item) => sum + item.price, 0);
}

// .ts
interface CartItem {
  name: string;
  price: number;
}

function total(items: CartItem[]): number {
  return items.reduce((sum, item) => sum + item.price, 0);
}

any ঠিক করা

// আগে
let data: any = fetchData();

// পরে — union জানা গেলে
type Data = { id: number } | { error: string };
let data: Data = fetchData();

if ("error" in data) {
  console.log(data.error);
} else {
  console.log(data.id);
}
// উদাহরণ: data আসে থার্ড-পার্টি লাইব্রেরি থেকে
interface ApiUser {
  id: number;
  name: string;
}

const user = (await api.get("/users/1")) as ApiUser;
Automated সাহায্য

TypeScript-এর tsc --allowJs --checkJs আর ts-migrate-এর মতো টুলগুলো rewrite-এ সময় বাঁচাতে পারে — তবে প্রতিটি টাইপ নিজে যাচাই করা ভালো।

শেষ প্যারায় নিজে practice করুন — কোড কপি করে নিজের এডিটরে চালিয়ে দেখুন।
আগেরNode.js ও TypeScriptপরেরসাধারণ TypeScript Error ও সমাধান
এই পেজে
Tech Tutor

বাংলায় ওয়েব ডেভেলপমেন্ট ডকুমেন্টেশন শিখুন — ধাপে ধাপে।

Homeসব ডকুমেন্টেশনQuick Startআমার নোটস

© 2026 Tech Tutor. বাংলায় শিখুন, বাংলায় গড়ুন।

mdanamolhasan1998@gmail.com