हेलो!  आशा है आप बढ़िया होंगे! यह SMY है! 👋 चलिए शुरू करते हैं 🚀  विषय-सूची:  ⚡  Some Background of SDK Development  ⚡  Developing and running our first version  1️⃣ क्या -  एसडीके (जिसे कभी-कभी लाइब्रेरी के रूप में भी जाना जाता है) प्रौद्योगिकी से अतिरिक्त सुविधाएं प्राप्त करने के लिए अनुप्रयोगों में प्लग-इन के रूप में कार्य करता है।  2️⃣ क्यों -  टाइपस्क्रिप्ट के साथ SDK विकास, प्रकार सुरक्षा और दीर्घकालिक रखरखाव के कारण लंबे समय तक विश्वसनीयता प्रदान करता है।  3️⃣ कैसे -  SDK बनाने के लिए आवश्यक मूलभूत चरण निम्नलिखित हैं:  सही वर्कफ़्लो सेटिंग्स के साथ प्रोजेक्ट को आरंभ करना.  बंडलर का चयन करना, और उसका उद्देश्य समझना।  विभिन्न वातावरणों पर SDK चलाने के लिए ESM, CJS, IIFE UMD को समझना।  एनपीएम, सिमेंटिक संस्करण और लाइसेंस पर लाइब्रेरी के रूप में प्रकाशन।  एसपीए के लिए एनपीएम और ब्राउज़रों के लिए सीडीएन।  भाग 1 में, हम बुनियादी समझ हासिल करने के लिए अपना पहला बुनियादी SDK बनाने जा रहे हैं।  चरण 1: प्रोजेक्ट आरंभ करें  प्रोजेक्ट को नए फ़ोल्डर में सेट करने के लिए निम्नलिखित कमांड चलाएँ:   npm init -y    सभी अनुवर्ती संकेतों के लिए डिफ़ॉल्ट रूप से हाँ होता है। आप इसे बाद में Package.json में बदल सकते हैं जैसे कि लेखक, लाइसेंस, संस्करण, आदि। "-y"  नवीनतम EcmaScript मॉड्यूल सिस्टम (ESM) के साथ काम करने के लिए   पर जाएं और   जोड़ें। package.json type: module  आपका   निम्न प्रकार दिखना चाहिए: package.json  { "name": "ts-lib", "version": "1.0.0", "description": "SDK development tutorial", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "type": "module", "keywords": [], "author": "", "license": "ISC" }  चरण 2: फंडामेंटल डेव लाइब्रेरीज़ स्थापित करें  टाइपप्रति    - NodeJS के साथ TypeScript कार्य करने के लिए। @types/node    - अपने टाइपस्क्रिप्ट लाइब्रेरीज़ को बंडल करने का सबसे सरल और तेज़ तरीका। tsup  कॉपी   npm i typescript @types/node tsup -D  चरण 3: TypeScript सेटिंग्स के लिए   सेटअप करें tsconfig  प्रोजेक्ट के मूल में   फ़ाइल बनाएँ। tsconfig.json  कॉपी   touch tsconfig.json  फ़ाइल पर जाएँ, और निम्नलिखित कॉन्फ़िगरेशन पेस्ट करें:   { "compilerOptions": { /* Base Options: */ "esModuleInterop": true, "allowImportingTsExtensions": true, "emitDeclarationOnly": true, "skipLibCheck": true, "target": "es2022", "allowJs": true, "resolveJsonModule": true, "moduleDetection": "force", "isolatedModules": true, "verbatimModuleSyntax": true, /* Strictness */ "strict": true, "noUncheckedIndexedAccess": true, "noImplicitOverride": true, /* If transpiling with TypeScript: */ "module": "NodeNext", "sourceMap": true, "outDir": "dist", /* AND if you're building for a library: */ "declaration": true, /* If your code runs in the DOM: */ "lib": ["es2022", "dom", "dom.iterable"] }, "exclude": ["node_modules", "dist"] }  आप प्रत्येक संपत्ति के बारे में अधिक गहराई से जानने के लिए उस पर माउस घुमा सकते हैं।  यहां समझने वाली मूलभूत बात यह है:  "module": "NodeNext", "sourceMap": true, "outDir": "dist",  "   लाइब्रेरीज़ लिखने के लिए सही विकल्प है क्योंकि यह आपको मॉड्यूल स्पेसिफ़ायर के साथ ESM उत्सर्जित करने से रोकता है जो   बंडलर में काम करता है लेकिन Node.js में क्रैश हो जाएगा। पारंपरिक कोड लिखते समय, सामान्य ज्ञान का उपयोग करते हुए, और उच्च-गुणवत्ता वाली निर्भरताओं पर भरोसा करते हुए, इसका आउटपुट आमतौर पर बंडलर और अन्य रनटाइम के साथ अत्यधिक संगत होता है।" आप इसके बारे में यहाँ और अधिक जान सकते हैं: NodeNext केवल   https://blog.andrewbran.ch/is-nodenext-right-for-libraries-that-dont-target-node-js/    - स्रोत फ़ाइलों के निर्माण को सक्षम करता है। ये फ़ाइलें डीबगर्स और अन्य उपकरणों को उत्सर्जित जावास्क्रिप्ट फ़ाइलों के साथ काम करते समय मूल TypeScript स्रोत कोड प्रदर्शित करने की अनुमति देती हैं। आप इसे उत्पादन के लिए अक्षम कर सकते हैं। sourceMap    - सभी उत्सर्जित फ़ाइलों के लिए एक आउटपुट फ़ोल्डर निर्दिष्ट करें। outDir  /* AND if you're building for a library: */ "declaration": true, /* If your code runs in the DOM: */ "lib": ["es2022", "dom", "dom.iterable"]    - अपने प्रोजेक्ट में टाइपस्क्रिप्ट और जावास्क्रिप्ट फ़ाइलों से .d.ts फ़ाइलें उत्पन्न करें। declaration    - बंडल लाइब्रेरी घोषणा फ़ाइलों का एक सेट निर्दिष्ट करें जो लक्ष्य रनटाइम वातावरण का वर्णन करता है।   रिएक्ट जैसे नोड अनुप्रयोगों के लिए है, और   और   ब्राउज़र में लाइब्रेरी चलाने के लिए है। lib es2022 dom dom.iterable  चरण 4: अपना पहला कोड लिखें  एक   फ़ाइल बनाएं, और निम्नलिखित मूल कोड लिखें: index.ts   const add = (a: number, b: number): number => a + b; const subtract = (a: number, b: number): number => a - b; export { add, subtract };  अपना पहला कोड बनाएं:  कॉपी   tsup ./index.ts  अब आप देख सकते हैं कि हमारे पास एक   फ़ोल्डर है जिसमें आउटपुट फ़ाइल   है dist index.cjs  आइये अपना पहला SDK एकीकृत करें और चलाएं!  एक   फ़ाइल बनाएं, और निम्नलिखित कोड पेस्ट करें: app.js   import { add, subtract } from "./dist/index.cjs"; console.log(add(1, 2)); console.log(subtract(2, 1));  चूंकि हमने अपना SDK प्रकाशित नहीं किया है, इसलिए हम सीधे स्थानीय बिल्ड से लिंक कर रहे हैं।  अब, अपना पहला ऐप चलाएँ   node app.js  आपको निम्नलिखित आउटपुट दिखना चाहिए:   3 1  बधाई हो 🎉🥳 🚀🚀🚀 हमने अभी-अभी अपना पहला SDK बनाया और चलाया है!  ऊपर लपेटकर:  हमने अपना पहला SDK बनाने और चलाने के लिए बुनियादी कदम पूरे कर लिए हैं। भाग 2 पर जाएँ, जहाँ हम एक बुनियादी फ़ोल्डर संरचना का निर्माण करेंगे, और एक बाहरी API एंडपॉइंट एकीकृत करेंगे 🚀  .....  अब, आप अपना खुद का SDK बनाने के लिए ज्ञान से लैस हैं। हैप्पी कोडिंग! 🚀  बस इतना ही, दोस्तों! आशा है कि यह आपके लिए एक अच्छा लेख रहा होगा। धन्यवाद! ✨  👉 मुझे फॉलो करें   GitHub   Linkedin

Walkthroughs, tutorials, guides, and tips. This story will teach you how to do something new or how to do something better.

This story contains new, firsthand information uncovered by the writer.

Read My Stories

View my Portfolio

Full Stack Engineer

यह ऑडियो कहानी की मूल भाषा में निर्मित है!

टाइपस्क्रिप्ट SDK विकास: एक 5 वर्षीय बच्चा भी इसे चरण-दर-चरण समझ सकता है ~ भाग 1: हमारा पहला MVP

About Author

टिप्पणियाँ

लेबल

इस लेख में चित्रित किया गया था

Related Stories

HackerNoon लेखन प्रतियोगिता जीतना चाहते हैं? #crypto-api प्रतियोगिता के विजेताओं की सलाह यहाँ पढ़ें

डिजिटल खानाबदोशों सुनो: थाईलैंड के नए डीटीवी वीज़ा के बारे में आपको क्या जानना चाहिए

He/Him/Master of Discovery

उपयोगकर्ता-केंद्रित क्रिप्टो उत्पाद बनाना: ग्राहक प्रतिक्रिया का महत्व

HackerNoon लेखन प्रतियोगिता जीतना चाहते हैं? #crypto-api प्रतियोगिता के विजेताओं की सलाह यहाँ पढ़ें

डिजिटल खानाबदोशों सुनो: थाईलैंड के नए डीटीवी वीज़ा के बारे में आपको क्या जानना चाहिए

He/Him/Master of Discovery

उपयोगकर्ता-केंद्रित क्रिप्टो उत्पाद बनाना: ग्राहक प्रतिक्रिया का महत्व

Light-Mode

Classic

Newspaper

Dark-Mode

Neon Noir

Minty

HN StartUps