𝗧𝘆𝗽𝗲𝗦𝗰𝗿𝗶𝗽𝘁 समजून घेऊया: तुम्हाला याची गरज का आहे?

तुम्ही दररोज JavaScript लिहिता. ते व्यवस्थित चालते. मग TypeScript कडे का वळावे?

एकदा मी प्रोडक्शनमधील एक बग (bug) फिक्स करण्यासाठी दोन दिवस खर्च केले. ते फक्त एका प्रॉपर्टीच्या नावातील साधे स्पेलिंग मिस्टेक (typo) होते. TypeScript ने तो एरर काही मिलीसेकंदात शोधला असता.

TypeScript म्हणजे 'types' असलेला JavaScript आहे. Microsoft ने २०१२ मध्ये याची निर्मिती केली. Google आणि Slack मधील मोठ्या टीम्स याचा वापर करतात.

TypeScript हे JavaScript ची जागा घेत नाही. ते साध्या JavaScript मध्ये कंपाईल (compile) होते. ब्राउझर्स आणि Node.js हे तयार झालेले JS फाइल्स रन करतात. कोड रन करण्यापूर्वी अधिक चांगला कोड लिहिण्यास TypeScript तुम्हाला मदत करते.

या दोन उदाहरणांची तुलना करा:

JavaScript:

function greetUser(name) {
  return "Hello, " + name.toUpperCase();
}
greetUser(42); // यामुळे रनटाइमला तुमचे ॲप क्रॅश होईल.

TypeScript:

function greetUser(name: string): string {
  return "Hello, " + name.toUpperCase();
}
greetUser(42); // यामुळे तुमच्या एडिटरमध्ये लगेच एरर दिसेल.

TypeScript का वापरावे?

  • एरर लवकर पकडा: चुका टाईप करतानाच समजतात, युजर्सना समजण्यापूर्वीच.
  • उत्तम ऑटो-कम्प्लीट (autocomplete): तुमचा एडिटर तुमच्या डेटा स्ट्रक्चरला ओळखतो आणि प्रॉपर्टीज सुचवतो.
  • जिवंत डॉक्युमेंटेशन (Living documentation): फंक्शनच्या सिग्नेचरवरून त्या फंक्शनला नक्की कोणत्या डेटाची गरज आहे, हे तुम्हाला स्पष्टपणे समजते.
  • सुरक्षित रिफॅक्टरिंग (Safe refactoring): जर तुम्ही एखाद्या प्रॉपर्टीचे नाव बदलले, तर TypeScript तुमच्या कोडमधील प्रत्येक खराब झालेली जागा हायलाईट करते.

सुरुवात कशी करावी:

  1. npm द्वारे इन्स्टॉल करा: npm install -g typescript

  2. hello.ts नावाची फाईल तयार करा: const message: string = "Hello, TypeScript!"; console.log(message);

  3. कंपाईल करा: tsc hello.ts

यामुळे hello.js फाईल तयार होईल. आउटपुटमध्ये 'types' निघून जातात आणि ब्राउझर रन करण्यासाठी स्वच्छ JavaScript शिल्लक राहते.

टाळण्यासारख्या सामान्य चुका:

  • प्रत्येक गोष्टीसाठी "any" वापरणे: यामुळे TypeScript चे फायदे निघून जातात. विशिष्ट (specific) प्रकार वापरा.
  • एरर्सकडे दुर्लक्ष करणे: कमेंट्स वापरून एरर्स लपवू नका. मूळ समस्या सुधारा.
  • अति-अॅनोटेशन (Over-annotating): TypeScript हुशार आहे. ते अनेकदा 'inference' द्वारे प्रकार (type) ओळखू शकते.

TypeScript शिकण्यासाठी थोडा वेळ लागू शकतो (learning curve), पण तुमचे प्रोजेक्ट्स जसजसे मोठे होतील, तसतसा त्याचा फायदा नक्कीच होईल.

स्रोत: https://dev.to/ramesh_s_a8f0867d239e927c/typescript-explained-why-every-javascript-developer-should-care-4nn3