সহজে টাইপস্ক্রিপ্ট থেকে জাভাস্ক্রিপ্ট ট্রান্সপিলেশন
TypeScript অবিশ্বাস্য ডেভেলপার এরগনোমিক্স প্রদান করে, কিন্তু ব্রাউজার এবং Node.js চালানোর জন্য JavaScript প্রয়োজন। আমাদের TypeScript থেকে JavaScript.ts টুল আপনার এবং .tsxফাইলগুলিকে এক্সিকিউটেবল কোডে রূপান্তর করার একটি মসৃণ উপায় প্রদান করে .js। আপনি একটি স্নিপেট ডিবাগ করছেন অথবা টাইপস্ক্রিপ্ট কীভাবে কম্পাইল করে তা শিখছেন, আমাদের টুল তাৎক্ষণিক ফলাফল প্রদান করে।
কম্পাইলারের মূল বৈশিষ্ট্য
আধুনিক JS সাপোর্ট: ES5, ES6, অথবা সর্বশেষ ESNext টার্গেটের মধ্যে বেছে নিন।
JSX/TSX সামঞ্জস্য: সহজেই React TypeScript উপাদানগুলিকে বৈধ জাভাস্ক্রিপ্টে রূপান্তর করুন।
কোড মিনিফিকেশন: উৎপাদন পরীক্ষার জন্য সংকুচিত কোড আউটপুট করার বিকল্প।
ব্রাউজার-সাইড প্রসেসিং: আপনার ব্রাউজারে সংকলন হওয়ার সাথে সাথে আপনার সোর্স কোডটি ব্যক্তিগত এবং সুরক্ষিত থাকে।
টিএস থেকে জেএস কনভার্টার কীভাবে ব্যবহার করবেন
সোর্স পেস্ট করুন: আপনার টাইপস্ক্রিপ্ট কোডটি বাম-হাতের এডিটরে ইনপুট করুন।
সেটিংস সামঞ্জস্য করুন: আপনার লক্ষ্য ECMAScript সংস্করণ(যেমন, ES2020) নির্বাচন করুন এবং ডেকোরেটর বা JSX সেটিংস টগল করুন।
তাৎক্ষণিক কম্পাইল: রিয়েল-টাইমে ট্রান্সপাইল করা জাভাস্ক্রিপ্ট আউটপুট দেখুন।
রপ্তানি করুন: কোডটি আপনার ক্লিপবোর্ডে কপি করুন অথবা
.jsফাইল হিসেবে ডাউনলোড করুন।
কেন একটি অনলাইন টাইপস্ক্রিপ্ট কম্পাইলার ব্যবহার করবেন?
যদিও, ওয়েবপ্যাক, অথবা ভাইটের মতো স্থানীয় বিল্ড টুলগুলি tscবড় প্রকল্পগুলির জন্য আদর্শ, দ্রুত প্রোটোটাইপিং এবং সমস্যা সমাধানের জন্য একটি অনলাইন কম্পাইলার অপরিহার্য।
১. তাৎক্ষণিক ডিবাগিং এবং প্রোটোটাইপিং
নির্দিষ্ট টাইপস্ক্রিপ্ট বৈশিষ্ট্য পরীক্ষা করছেন নাকি জটিল জেনেরিক? প্রকল্প সেটআপ এড়িয়ে যান। টাইপস্ক্রিপ্ট কম্পাইলার আপনার লজিক কীভাবে পরিচালনা করে তা দেখতে এখানে আপনার কোডটি পেস্ট করুন, বিশেষ করে টাইপ ইরেজার বোঝার জন্য কার্যকর ।
2. টাইপস্ক্রিপ্ট ইন্টার্নাল শেখা
আপনি যদি এই ভাষায় নতুন হন, তাহলে TS বনাম JS-এর পাশাপাশি তুলনা দেখলে আপনি বুঝতে পারবেন কিভাবে ইন্টারফেস, এনাম এবং নেমস্পেসগুলি স্ট্যান্ডার্ড জাভাস্ক্রিপ্ট অবজেক্ট এবং ফাংশনে রূপান্তরিত হয়।
৩. দ্রুত স্ক্রিপ্ট রূপান্তর
কখনও কখনও আপনার কেবল ভ্যানিলা জেএস সমর্থন করে এমন পরিবেশে চালানোর জন্য টাইপস্ক্রিপ্টে লেখা একটি দ্রুত ইউটিলিটি স্ক্রিপ্টের প্রয়োজন হয়। এই টুলটি স্থানীয় tsconfig.jsonসেটআপের প্রয়োজনীয়তা দূর করে।
সচরাচর জিজ্ঞাস্য
আমার টাইপস এবং ইন্টারফেসের কী হবে?
জাভাস্ক্রিপ্টের কোন টাইপ সিস্টেম নেই। সংকলনের সময়, টাইপ ইরেজার নামক একটি প্রক্রিয়ার মাধ্যমে সমস্ত টাইপস্ক্রিপ্ট-নির্দিষ্ট সিনট্যাক্স(ইন্টারফেস, টাইপ এবং টীকা) মুছে ফেলা হয়, শুধুমাত্র কার্যকরী যুক্তি অবশিষ্ট থাকে।
এটি কি ডেকোরেটর এবং মেটাডেটা সমর্থন করে?
হ্যাঁ, আপনি সেটিংস প্যানেলে পরীক্ষামূলক ডেকোরেটর সক্ষম করতে পারেন যাতে তারা কীভাবে লিগ্যাসি বা আধুনিক জাভাস্ক্রিপ্ট প্যাটার্নে স্থানান্তরিত হয় তা দেখতে পারেন।
আউটপুট উৎপাদন কি প্রস্তুত?
অবশ্যই। আমরা অফিসিয়াল টাইপস্ক্রিপ্ট কম্পাইলার(TSC) ইঞ্জিন ব্যবহার করি যাতে নিশ্চিত করা যায় যে আউটপুটটি পেশাদার স্থানীয় ডেভেলপমেন্ট পরিবেশ থেকে আপনি যা পাবেন তার সাথে অভিন্ন।
জাভাস্ক্রিপ্ট আউটপুট পরিষ্কার করার জন্য পেশাদার টিপস
লক্ষ্য নির্বাচন: যদি আপনি পুরোনো ব্রাউজারগুলিকে(যেমন IE11) লক্ষ্য করে থাকেন, তাহলে নিশ্চিত করুন যে আপনি প্রয়োজনীয় পলিফিল এবং রূপান্তর অন্তর্ভুক্ত করার জন্য ES5 কে আপনার লক্ষ্য হিসাবে নির্বাচন করেছেন।
ত্রুটিগুলি পরীক্ষা করুন: আমাদের সম্পাদক রিয়েল-টাইমে সিনট্যাক্স ত্রুটিগুলি হাইলাইট করে, কম্পাইল করার আগেই ভাঙা টাইপস্ক্রিপ্ট ঠিক করতে আপনাকে সাহায্য করে।
মন্তব্যগুলি সরান: দ্রুত বিতরণের জন্য যদি আপনি একটি পরিষ্কার, ছোট জাভাস্ক্রিপ্ট ফাইল চান তবে "স্ট্রিপ মন্তব্য" বিকল্পটি ব্যবহার করুন।