टाइपस्क्रिप्ट (टीएस) कमाल का है! यह कोड को स्पष्ट, बनाए रखने में आसान बनाता है और सामान्य त्रुटियों को रोकता है। आपने फैसला किया कि यह आपकी टीम के लिए सबसे अच्छा विकल्प है, और अब आप इसे अपनाना चाहते हैं। हुर्रे!

उफ़… TS को अपनाना जितना आसान लगता है उतना आसान नहीं है। यह बहुत ही थकाऊ और समय लेने वाला है। तो, जेएस से टीएस में माइग्रेट कैसे करें? चैट जीपीटी के साथ! अभी नहीं ।
लेकिन ts-migrate के इस्तेमाल से काम आसान हो सकता है ।

टीएस-माइग्रेट के बारे में

ts-migrate कोड को टाइपस्क्रिप्ट में माइग्रेट करने में मदद करने के लिए एक उपकरण है। यह एक जावास्क्रिप्ट (जेएस), या आंशिक टाइपस्क्रिप्ट प्रोजेक्ट लेता है और एक संकलन टाइपस्क्रिप्ट प्रोजेक्ट देता है।

हमने अपने प्रोजेक्ट में JS से TS में 1,000 फाइलों को बदलने के लिए ts-migrate का इस्तेमाल किया। इसने हमारा कीमती समय बचाया और प्रक्रिया को बहुत सुविधाजनक बना दिया।

टीएस को स्थापित करना और कॉन्फ़िगर करना

माइग्रेशन प्रक्रिया शुरू करने से पहले, हमें TS को इंस्टॉल और कॉन्फ़िगर करना होगा:

• टीएस पैकेज स्थापित करें:

npm install typescript --save-dev

npx tsc --init

npm install --save-dev @types/react

हम अपनी JS फ़ाइलों को TS में माइग्रेट करने के लिए ts-migrate का उपयोग करेंगे:

• टीएस-माइग्रेट स्थापित करें:

npm install --save-dev ts-migrate

yarn ts-migrate rename <project-dir> --sources <specific-dir>

yarn ts-migrate migrate <project-dir> --sources <specific-dir>/file.tsx

उदाहरण

मैंने माइग्रेशन प्रक्रिया प्रदर्शित करने के लिए यह ts-migrate-example प्रोजेक्ट बनाया है। इसे अपनी मशीन पर क्लोन करें:

git clone https://github.com/shai20099/ts-migrate-example.git

yarn ts-migrate rename ./ --sources ./src/examples

हमारा अगला कदम माइग्रेशन स्क्रिप्ट को उदाहरण फ़ाइल पर लागू करना है:

yarn ts-migrate migrate ./ --sources ./src/examples/example.ts

नोट: जहाँ ts-migrate TS मुद्दों को स्वतः ठीक नहीं कर सकता है, वहाँ यह त्रुटि विवरण के साथ @ts-expect-error टिप्पणी छोड़ता है।

नोट: जबकि ts-migrate जरूरत पड़ने पर वेरिएबल्स में टाइप करता है, फिर भी हमें किसी भी प्रकार को विशिष्ट प्रकारों में बदलने के लिए याद रखना होगा।

नोट: ts-migrate स्वचालित रूप से परिवर्तन करने के लिए प्लगइन्स का उपयोग करता है। आप अपने प्रोजेक्ट के लिए कस्टम प्लगइन्स बनाकर इसे स्वचालित रूप से अधिक कार्रवाइयाँ करवा सकते हैं। अधिक विवरण यहां हैं ।

सारांश

ts-migrate कोड को JS से TS में माइग्रेट करने में मदद करने के लिए एक उपकरण है। इसका मुख्य लक्ष्य एक संकलित कोड बनाना है, और यह प्लगइन्स का उपयोग करके कुछ त्रुटियों को स्वचालित रूप से ठीक भी करता है। भले ही ts-migrate पूरी तरह से स्वचालित उपकरण नहीं है, हम इसे बहुत उपयोगी पाते हैं क्योंकि यह JS से TS के बीच अंतराल का पता लगाता है, यह क्या कर सकता है इसे ठीक करता है, और उस कोड को चिह्नित करता है जिसे मैन्युअल रूप से ठीक करने की आवश्यकता होती है। यह माइग्रेशन प्रक्रिया में महत्वपूर्ण समय बचाता है, खासकर तब जब आपके पास माइग्रेट करने के लिए कई फाइलें हों।

आपको कामयाबी मिले!