2 मिनट में TypeScript: स्मार्ट टाइपिंग की त्वरित गाइड

क्या आप एक JavaScript डेवलपर हैं जो अपने कोड को अधिक सुरक्षित बनाना चाहते हैं? TypeScript की इस त्वरित गाइड में आपका स्वागत है, जो JavaScript का एक सुपरसेट है और आपके कोडिंग दृष्टिकोण में क्रांति लाएगा!

🎯 TypeScript क्यों?

TypeScript केवल एक टाइपिंग टूल नहीं है - यह आपका सबसे अच्छा सहयोगी है:

• रनटाइम से पहले त्रुटियों को पकड़ने में
• कोड की रखरखाव क्षमता में सुधार करने में
• उत्कृष्ट ऑटोकम्पलीशन पाने में
• टीम वर्क को आसान बनाने में

🔑 मूल टाइप्स

यहाँ वे टाइप्स हैं जिनका आप रोजाना उपयोग करेंगे:

typescript
1// प्रिमिटिव टाइप्स
2const name: string = 'Alice';
3const age: number = 25;
4const isDeveloper: boolean = true;
5
6// एरे
7const skills: string[] = ['TypeScript', 'React', 'Node.js'];
8
9// टाइप किए गए ऑब्जेक्ट्स
10interface Developer {
11  name: string;
12  age: number;
13  skills: string[];
14}
15
16const dev: Developer = {
17  name: 'Alice',
18  age: 25,
19  skills: ['TypeScript', 'React', 'Node.js'],
20};

🛡️ कार्यरत TypeScript

1. टाइप्स के साथ फंक्शन्स

typescript
1// पैरामीटर्स और रिटर्न के साथ टाइप किया गया फंक्शन
2function calculateSalary(hourlyRate: number, hours: number = 35): number {
3  return hourlyRate * hours;
4}
5
6// टाइप के साथ एरो फंक्शन
7const sayHello = (name: string): string => `नमस्ते ${name}!`;

2. उन्नत टाइप्स

typescript
1// यूनियन टाइप्स
2type ProjectStatus = 'IN_PROGRESS' | 'COMPLETED' | 'ON_HOLD';
3let status: ProjectStatus = 'IN_PROGRESS';
4
5// जेनेरिक टाइप्स
6interface Response<T> {
7  data: T;
8  status: number;
9}
10
11const apiResponse: Response<Developer> = {
12  data: dev,
13  status: 200,
14};

3. ऑप्शनल चेनिंग के साथ नल सुरक्षा

typescript
1interface Project {
2  client?: {
3    name?: string;
4  };
5}
6
7const project: Project = {};
8const clientName = project.client?.name ?? 'अज्ञात क्लाइंट';

🚀 प्रो टिप्स

बेहतर सुरक्षा के लिए टाइप गार्ड्स

typescript
1interface Admin {
2  role: 'admin';
3  permissions: string[];
4}
5
6interface User {
7  role: 'user';
8  level: number;
9}
10
11function handleUser(person: Admin | User) {
12  if (person.role === 'admin') {
13    console.log(person.permissions); // TypeScript जानता है कि यह एक Admin है
14  } else {
15    console.log(person.level); // TypeScript जानता है कि यह एक User है
16  }
17}

आवश्यक यूटिलिटी टाइप्स

typescript
1// Partial - सभी प्रॉपर्टीज को वैकल्पिक बनाता है
2type PartialDev = Partial<Developer>;
3
4// Pick - कुछ प्रॉपर्टीज का चयन करता है
5type BasicDev = Pick<Developer, 'name' | 'age'>;
6
7// Omit - कुछ प्रॉपर्टीज को छोड़ देता है
8type DevWithoutSkills = Omit<Developer, 'skills'>;

🎓 आगे बढ़ना

• अपने tsconfig.json में strict: true का उपयोग करें
• TypeScript के लिए VS Code एक्सटेंशन इंस्टॉल करें
• वास्तविक प्रोजेक्ट्स के साथ अभ्यास करें
• उन्नत जेनेरिक टाइप्स का अन्वेषण करें

🏁 निष्कर्ष

TypeScript सिर्फ एक और टूल नहीं है - यह आपके कोड की गुणवत्ता में एक निवेश है। कुछ ही मिनटों में, आपने वे आधार खोज लिए हैं जो आपको अधिक आत्मविश्वास के साथ कोड करने में सक्षम बनाएंगे। अपने JavaScript को TypeScript में बदलने के लिए तैयार हैं? चलिए शुरू करें! 🚀

---

यदि आपको यह लेख मददगार लगा तो इसे शेयर करने में संकोच न करें! जल्द ही अधिक डेवलपमेंट टिप्स के लिए मिलते हैं! 👋