2025 में स्क्रैच से TypeScript: व्यावहारिक गाइड

परिचय: 2025 में TypeScript क्यों सीखें?

फ्रंटएंड डेवलपमेंट की दुनिया तेजी से बदल रही है, लेकिन एक चीज स्थिर बनी हुई है — TypeScript बड़े प्रोजेक्ट्स के लिए डी-फैक्टो मानक के रूप में अपनी स्थिति मजबूत कर रहा है। 2025 में यह सिर्फ "JavaScript के ऊपर एक ऐड-ऑन" नहीं है, बल्कि एक पूर्ण उपकरण है जो अधिक विश्वसनीय, पूर्वानुमानित और स्केलेबल कोड लिखने में मदद करता है। यदि आप एक शुरुआती डेवलपर हैं या शुद्ध JavaScript से आ रहे हैं, तो यह गाइड आपको पहले चरणों से लेकर सार्थक कोड लिखने तक ले जाएगा।

इस लेख में हम व्यावहारिक पहलुओं पर चर्चा करेंगे: एनवायरनमेंट कैसे सेट करें, बुनियादी टाइप्स में महारत हासिल करें, इंटरफेसेस और generics से परिचित हों। आप देखेंगे कि TypeScript डेवलपमेंट को जटिल नहीं बनाता, बल्कि इसके विपरीत — डिबगिंग के घंटे बचाता है।

1. 2025 में TypeScript की स्थापना और सेटअप

पहला कदम — TypeScript कंपाइलर स्थापित करना। 2025 में सबसे सुविधाजनक तरीका Node.js और पैकेज मैनेजर npm (या yarn) का उपयोग करना है। सुनिश्चित करें कि Node.js संस्करण 20+ स्थापित है।

# TypeScript को वैश्विक रूप से स्थापित करना\nnpm install -g typescript\n\n# संस्करण की जाँच\ntsc --version

अब प्रोजेक्ट के लिए एक फोल्डर बनाएँ और इसे आरंभ करें:

mkdir my-first-ts\ncd my-first-ts\nnpm init -y

इसके बाद हम एक कॉन्फ़िगरेशन फ़ाइल tsconfig.json बनाएंगे। यह किसी भी TypeScript प्रोजेक्ट का हृदय है, जहाँ आप कंपाइलेशन सेटिंग्स निर्दिष्ट करते हैं।

tsc --init

कमांड चलाने के बाद कई विकल्पों वाली एक फ़ाइल दिखाई देगी। शुरुआत के लिए डिफ़ॉल्ट सेटिंग्स रखना पर्याप्त है। मुख्य बात — सुनिश्चित करें कि पैरामीटर strict: true चालू है (यह डिफ़ॉल्ट रूप से चालू है)। यह आपको बेहतर गुणवत्ता वाला कोड लिखने के लिए प्रेरित करेगा।

2025 में प्रोजेक्ट संरचना में अक्सर src (स्रोत) और dist (संकलित फ़ाइलें) फोल्डर शामिल होते हैं। उन्हें बनाएँ:

mkdir src dist

और tsconfig.json में जोड़ें:

{\n  "compilerOptions": {\n    "outDir": "./dist",\n    "rootDir": "./src",\n    "strict": true,\n    "target": "ES2022",\n    "module": "ESNext"\n  },\n  "include": ["src/**/*"]\n}

अब पहली फ़ाइल src/index.ts बनाएँ और सरल कोड लिखें:

// src/index.ts\nfunction greet(name: string): string {\n  return `नमस्ते, ${name}! TypeScript में आपका स्वागत है।`;\n}\n\nconst userName: string = "अलेक्से";\nconsole.log(greet(userName));

इसे tsc कमांड से संकलित करें। dist फोल्डर में index.js दिखाई देगा। इसे Node.js के माध्यम से चलाएँ: node dist/index.js। आपको एक अभिवादन दिखाई देगा। बधाई हो, आपने TypeScript में अपना पहला प्रोग्राम लिखा है!

2. टाइप्स की मूल बातें: व्यवहार में स्थैतिक टाइपिंग

TypeScript का मुख्य लाभ — टाइप सिस्टम। 2025 में यह और भी अधिक लचीला हो गया है। आइए उन बुनियादी टाइप्स पर नज़र डालें जिनका आप प्रतिदिन उपयोग करेंगे।

प्रिमिटिव टाइप्स

इनमें string, number, boolean, null, undefined, symbol और bigint शामिल हैं। TypeScript स्वचालित रूप से टाइप का अनुमान लगाता है यदि वह स्पष्ट है:

let age: number = 25;        // स्पष्ट निर्देश\nlet name = "मारिया";          // TypeScript string का अनुमान लगाएगा\nlet isActive = true;         // boolean का अनुमान लगाएगा

एरे और टपल

TypeScript में एरे एकसमान या विविध प्रकार के हो सकते हैं (टपल)।

// संख्याओं की एरे\nlet scores: number[] = [10, 20, 30];\n\n// वैकल्पिक लेखन\nlet scores2: Array<number> = [10, 20, 30];\n\n// टपल (निश्चित लंबाई और टाइप्स)\nlet person: [string, number] = ["इवान", 30];

टाइप any और unknown

any से बचें — यह टाइप जाँच को बंद कर देता है। इसके बजाय unknown का उपयोग करें यदि टाइप अज्ञात है:

                
                

                    

                        ब्लॉग                    
                    

                                                    
                                

                                    

                                        
                                    
                                    
रूम मुख्य थ्रेड पर क्यों शिकायत करता है? त्रुटि को समझना और उसे हराने के 3 तरीके
                                
                            
                                            
                

                
                

                    

                        पुस्तक अनुशंसाएँ                    
                    

                                                    
                                

                                    

                                        
                                    
                                    
जावा अनुप्रयोगों का परीक्षण: यूनिट टेस्ट से इंटीग्रेशन जाँच तक
                                
                            
                                                    
                                

                                    

                                        
                                    
                                    
C++ प्रोग्रामिंग मानक
                                
                            
                                            
                
            
    

  
यह भी पढ़ें
  

                
                  
                 Go में डिपेंडेंसी इंजेक्शन: एक व्यावहारिक मार्गदर्शिका
      
                
                  
                 Go एप्लिकेशन का E2E टेस्टिंग: आइडिया से बग-फ्री डिप्लॉय तक
      
                
                  
                 C++ म्यूटेशन टेस्टिंग: कोड को अजेय कैसे बनाएं
      
                
                  
                 जावा में माइक्रोसर्विसेज़: आर्किटेक्चर और प्रैक्टिस A से Z तक
      
                
                  
                 TypeScript में कोड रिव्यू: क्या जाँचें और कैसे फीडबैक दें