टाइपस्क्रिप्ट। क्यों?

फुल-स्टैक प्रोजेक्ट में डेटा कैसे प्रवाहित होता है?

• हम अपने डेटाबेस में डेटा स्टोर करते हैं। हम जानते हैं कि हम क्या स्टोर करते हैं। SQL या NoSQL, हम एक स्कीमा होने की उपेक्षा नहीं कर सकते हैं और संरचित डेटा की बात आने पर क्या स्टोर करना और लाना है, इसकी योजना बना सकते हैं।
• एपीआई विधियाँ विभिन्न स्रोतों से संयोजन करके डेटा को संशोधित कर सकती हैं। हम जानते हैं कि प्रत्येक एपीआई एंडपॉइंट क्या लौटाता है ।
• फ्रंट एंड आवश्यकतानुसार विभिन्न समापन बिंदुओं से जुड़ता है और डेटा प्राप्त करता है। हम जानते हैं कि प्रत्येक नेटवर्क फ़ेच पर क्या अपेक्षा की जाती है।
• डेटा तब पूरे एप्लिकेशन में इस तरह फैल गया कि अलग-अलग घटक एपीआई प्रतिक्रिया के एक हिस्से तक पहुंच सकें। प्रत्येक घटक ठीक से जानता है कि उसे ठीक से काम करने के लिए क्या चाहिए।

उपरोक्त चित्र में बिंदु डेटा विनिमय बिंदुओं का प्रतिनिधित्व करते हैं।

• डेटाबेस जानता है कि यह क्या संग्रहीत करता है और पूछे जाने पर भेजता है। प्रकार D1, D2, D3 ज्ञात हैं और इसलिए प्रलेखित हैं। यह एक अनुबंध है जिसे डेटाबेस ने पूछे जाने पर भेजने का वादा किया था ।
• एप्लिकेशन के भीतर डेटा प्रवाह की संरचना करने के लिए एपीआई एंडपॉइंट्स ए1 और ए2 के प्रकारों को फ्रंटएंड के साथ साझा किया जाएगा।
• इसी तरह, C1.1, C1.2, C2.1, और C2.2 सभी प्रकार के मूल घटक हैं जिन्हें भेजने का वादा किया गया है।

उदाहरण

मान लीजिए, एपीआई एंडपॉइंट n आइटम के साथ व्यक्ति प्रकार की एक सरणी देता है।

// Component #1 receives Person[]
type Person = {
  name: string 
  age: number
  height: number
  weight: number
  hobbies: string[]
}
// Component #1.1
type PersonInfo = Pick<Person, 'name' | 'age' | 'height' | 'weight'>
// Component #1.2
type PersonHobbies = Pick<Person, 'hobbies'>

वह कितना शांत है? यह सिस्टम के माध्यम से पानी की तरह बहने वाले डेटा की तरह है।

मैं चाहता हूं कि आप इसे एक बड़े परिदृश्य में कल्पना करें, जो डेटाबेस से शुरू होता है, एपीआई क्या लौटाता है, कौन से घटक स्वीकार करते हैं, और इसी तरह।

हम नीचे दिए गए प्रकारों को मिक्स एंड मैच भी कर सकते हैं।

type Animal = {
  size: 'S' | 'M' | 'L'
  price: number
}
type IntelligentAnimal = Pick<Person, 'name'> & Pick<Animal, 'size'>
// Example object.
const intelligentAnimal: IntelligentAnimal = {
  name: 'Karthick',
  size: 'M',
}

साथ ही, हमें पूरे एप्लिकेशन में कूल इंटेलिजेंस मिलता है। एक विशाल मस्तिष्क-रस-सेवर।

बदलाव आसान हो जाता है

ठीक है, हम डेटाबेस स्कीमा बदलते हैं। क्या होगा?

• सभी वंशजों को अपने स्रोत प्रकारों को अद्यतन करने की आवश्यकता होगी । व्यक्ति, पशु उपरोक्त स्रोत प्रकार हैं। वे डेटाबेस का प्रतिनिधित्व करते हैं।
• अब व्युत्पन्न प्रकार त्रुटिपूर्ण होने लगेंगे। हमें त्रुटि के बाद एक के बाद एक उन्हें ठीक करना होगा ।

और यह एक अच्छी बात है कि आप उन सभी मस्तिष्क-रस लेने वाले कार्यों को संकलक को सौंप रहे थे। इस तरह हम कुलीन स्तर पर उत्पादन कर सकते हैं।

धन्यवाद।