TypeScript मध्ये शून्यापासून हिरोपर्यंत
TypeScript तुमचे JavaScript कोड अधिक सुरक्षित बनवते. कोड रन करण्यापूर्वी त्रुटी (bugs) शोधण्यात ते तुम्हाला मदत करते. हे मार्गदर्शक मूलभूत ते प्रगत संकल्पनांपर्यंतचा प्रवास कव्हर करते.
TypeScript JavaScript मध्ये 'static typing' जोडते. हे तुमच्या कोडचे ब्राउझरसाठी साध्या JavaScript मध्ये रूपांतर करते.
Basic Types
- number: पूर्णांक (integers) किंवा दशांश (decimals)
- boolean: true किंवा false
- string: मजकूर (text)
- symbol: युनिक आयडेंटिफायर्स (unique identifiers)
- bigint: मोठे पूर्णांक (large integers)
Type Annotations
व्हेरिएबल तयार करताना तुम्ही प्रकार (types) परिभाषित करता:
let name: string = "Alice";
let age: number = 30;
Arrays and Objects
- Arrays:
let fruits: string[] = ["apple", "banana"]; - Objects:
let user: { name: string; age: number } = { name: "Bob", age: 25 };
Functions
तुम्ही फंक्शन काय घेते आणि काय परत करते (returns) हे निर्दिष्ट करू शकता. जर फंक्शन काहीही परत करत नसेल, तर void वापरा.
function greet(name: string): string {
return "Hello, " + name;
}
Advanced Structures
- Type Aliases: एखाद्या प्रकारासाठी (type) सानुकूल नाव परिभाषित करा.
- Interfaces: ऑब्जेक्टचा आकार (shape) परिभाषित करा.
- Enums: नावांकित स्थिरांकांचा (named constants) संच तयार करा.
- Tuples: ठराविक संख्या आणि विशिष्ट प्रकारांच्या घटकांचा ॲरे तयार करा.
Complex Logic
- Union Types: एका व्हेरिएबलला एकापेक्षा जास्त प्रकार साठवण्याची परवानगी देते.
- Intersection Types: अनेक प्रकारांना एकत्र करून एक प्रकार तयार करते.
- Generics: अनेक प्रकारांसोबत काम करणारे पुन्हा वापरण्यायोग्य (reusable) घटक तयार करा.
- Utility Types: प्रकार बदलण्यासाठी
PartialकिंवाPickसारखी अंगभूत (built-in) साधने वापरा.
Best Practices
- साध्या aliases आणि primitives साठी
typeवापरा. - ऑब्जेक्टच्या आकारासाठी (shapes)
interfaceवापरा. anyवापरणे टाळा. यामुळे TypeScript ची सुरक्षा कमी होते.- जेव्हा तुम्हाला प्रकाराबद्दल खात्री नसेल, तेव्हा
anyऐवजीunknownवापरा. - जेव्हा कोड स्पष्ट असेल, तेव्हा कंपायलरला प्रकारांचा अंदाज (infer) घेऊ द्या.
TypeScript तुम्हाला आत्मविश्वासाने मोठ्या ॲप्लिकेशन्स तयार करण्यास मदत करते.
Source: https://dev.to/miasalazar/from-zero-to-hero-in-typescript-425j