টাইপস্ক্রিপ্ট অ্যাডভান্সড টাইপ: টেমপ্লেট লিটারেল এবং কন্ডিশনাল টাইপ আয়ত্ত করা

আন্তর্জাতিক উদাহরণ: বিভিন্ন তারিখের বিন্যাস পরিচালনা করা

বিশ্বের বিভিন্ন অঞ্চলে বিভিন্ন তারিখের বিন্যাস ব্যবহৃত হয়। আপনি এই ভিন্নতাগুলি পরিচালনা করতে কন্ডিশনাল টাইপ ব্যবহার করতে পারেন।

type DateFormat = "YYYY-MM-DD" | "MM/DD/YYYY" | "DD.MM.YYYY";

type ParseDate = T extends "YYYY-MM-DD"
  ? { year: number; month: number; day: number; format: "YYYY-MM-DD" }
  : T extends "MM/DD/YYYY"
  ? { month: number; day: number; year: number; format: "MM/DD/YYYY" }
  : T extends "DD.MM.YYYY"
  ? { day: number; month: number; year: number; format: "DD.MM.YYYY" }
  : never;


function parseDate(dateString: string, format: T): ParseDate {
  // (Implementation would handle different date formats)
  if (format === "YYYY-MM-DD") {
    const [year, month, day] = dateString.split("-").map(Number);
    return { year, month, day, format } as ParseDate;
  } else if (format === "MM/DD/YYYY") {
    const [month, day, year] = dateString.split("/").map(Number);
    return { month, day, year, format } as ParseDate;
  } else if (format === "DD.MM.YYYY") {
    const [day, month, year] = dateString.split(".").map(Number);
    return { day, month, year, format } as ParseDate;
  } else {
    throw new Error("Invalid date format");
  }
}

const parsedDateISO = parseDate("2023-10-27", "YYYY-MM-DD"); // Type: { year: number; month: number; day: number; format: "YYYY-MM-DD"; }
const parsedDateUS = parseDate("10/27/2023", "MM/DD/YYYY"); // Type: { month: number; day: number; year: number; format: "MM/DD/YYYY"; }
const parsedDateEU = parseDate("27.10.2023", "DD.MM.YYYY"); // Type: { day: number; month: number; year: number; format: "DD.MM.YYYY"; }


console.log(parsedDateISO.year); // Access the year knowing it will be there

এই উদাহরণটি নির্দিষ্ট তারিখের বিন্যাসের উপর ভিত্তি করে বিভিন্ন তারিখ পার্সিং ফাংশন সংজ্ঞায়িত করতে কন্ডিশনাল টাইপ ব্যবহার করে। ParseDate টাইপ নিশ্চিত করে যে বিন্যাসের উপর ভিত্তি করে প্রত্যাবর্তিত বস্তুর সঠিক বৈশিষ্ট্য রয়েছে।

টেমপ্লেট লিটারেল এবং কন্ডিশনাল টাইপ একত্রিত করা

আসল ক্ষমতা আসে যখন আপনি টেমপ্লেট লিটারেল টাইপ এবং কন্ডিশনাল টাইপ একত্রিত করেন। এটি অবিশ্বাস্যভাবে শক্তিশালী টাইপ ম্যানিপুলেশনের জন্য অনুমতি দেয়।

type EventName = `on${Capitalize}`;

type ExtractEventPayload = T extends EventName
  ? { type: T; payload: any }  // Simplified for demonstration
  : never;


type ClickEvent = EventName<"click">;  // "onClick"
type MouseOverEvent = EventName<"mouseOver">;  // "onMouseOver"


//Example function that takes a type
function processEvent(event: T): ExtractEventPayload {
    //In a real implementation, we would actually dispatch the event.
    console.log(`Processing event ${event}`);

    //In a real implementation, the payload would be based on event type.
    return { type: event, payload: {} } as ExtractEventPayload;
}

//Note that the return types are very specific:
const clickEvent = processEvent("onClick");  //  { type: "onClick"; payload: any; }
const mouseOverEvent = processEvent("onMouseOver"); //  { type: "onMouseOver"; payload: any; }

//If you use other strings, you get never:
// const someOtherEvent = processEvent("someOtherEvent"); // Type is `never`

সেরা অনুশীলন এবং বিবেচনা

• সহজ রাখুন: শক্তিশালী হলেও, এই উন্নত টাইপগুলি দ্রুত জটিল হয়ে উঠতে পারে। স্বচ্ছতা এবং রক্ষণাবেক্ষণের জন্য চেষ্টা করুন।
• পুঙ্খানুপুঙ্খভাবে পরীক্ষা করুন: ব্যাপক ইউনিট পরীক্ষা লিখে আপনার টাইপ সংজ্ঞাগুলি প্রত্যাশা অনুযায়ী আচরণ করে কিনা তা নিশ্চিত করুন।
• আপনার কোড নথিভুক্ত করুন: কোডের পাঠযোগ্যতা উন্নত করতে আপনার উন্নত টাইপগুলির উদ্দেশ্য এবং আচরণ স্পষ্টভাবে নথিভুক্ত করুন।
• পারফরম্যান্স বিবেচনা করুন: উন্নত টাইপগুলির অত্যধিক ব্যবহার কম্পাইল করার সময়কে প্রভাবিত করতে পারে। আপনার কোড প্রোফাইল করুন এবং যেখানে প্রয়োজন সেখানে অপ্টিমাইজ করুন।