मुख्य सामग्री पर जाएँ
CrateX.app लोगो

CrateX.app

JSON से TypeScript

JSON से TypeScript

JSON नमूनों को TypeScript interface और type alias में बदलें। यह object array के फ़ील्ड अपने-आप मिलाता है, वैकल्पिक फ़ील्ड और null union का अनुमान लगाता है, और खाली array व object के लिए उपयुक्त type declaration बनाता है। यह API response मॉडल बनाने, frontend के type तैयार करने और data structure व्यवस्थित करने में उपयोगी है।

JSON से TypeScript

त्वरित शुरुआत

1
बाएँ एडिटर में एक वैध JSON नमूना चिपकाएँ।
2
वैकल्पिक: बनाने से पहले ApiResponse जैसा कस्टम रूट टाइप नाम सेट करें।
3
दाईं ओर बना हुआ आउटपुट देखें। object root के लिए interface बनता है; array और primitive root के लिए type alias बनता है।
4
Copy या Download का उपयोग करके बने हुए .ts आउटपुट को अपने प्रोजेक्ट में सीधे इस्तेमाल करें।

सामान्य उपयोग परिदृश्य

वास्तविक API response को frontend पेज, SDK client या integration test के शुरुआती TypeScript model में बदलें।

API contract तय करने से पहले mixed object array देखकर optional field और union type को समझें।

mock JSON data को fixture, Storybook story या prototype के लिए जल्दी type definition में बदलें।

backend payload का आकार बदलने पर User और Meta जैसे nested declaration की समीक्षा करें।

उपयोग सुझाव

जितना हो सके प्रतिनिधि JSON नमूना दें। generator केवल चिपकाए गए values से अनुमान लगाता है, इसलिए जो स्थिति नमूने में नहीं है वह output में भी नहीं आएगी।
खाली array unknown[] बनते हैं, और खाली object तब तक Record<string, unknown> को extend करने वाले interface रहते हैं जब तक आप अधिक समृद्ध sample data नहीं देते।
nested declaration के नाम property name से normalize होते हैं, इसलिए नए output में पुराने root-prefix वाले नामों की जगह User या Meta जैसे नाम अधिक मिलते हैं।
generation केवल वैध JSON पर चलती है। पहले syntax error ठीक करें; parse fail होने पर editor line और column दिखाता है।
वैध custom root name वैसे ही रखा जाता है; अवैध नामों को वैध PascalCase TypeScript identifier में normalize किया जाता है।

सीमाएँ और अनुकूलता

यह टूल formal schema के बजाय sample data से type infer करता है। नमूने में जो field नहीं हैं, उन्हें यह नहीं जान सकता।
input strict JSON होना चाहिए। comment, trailing comma और दूसरी JavaScript-only syntax स्वीकार नहीं की जाती।
बने हुए output में export statement शामिल नहीं होते। अगर आपके प्रोजेक्ट को exported declaration चाहिए, तो उन्हें आपको खुद जोड़ना होगा।
यह केवल static TypeScript code देता है। runtime validator, parser या serializer generate नहीं करता।

गोपनीयता और सुरक्षा

सारा प्रोसेसिंग आपके ब्राउज़र में लोकली होता है; डेटा कभी भी आपके डिवाइस से बाहर नहीं जाता

अक्सर पूछे जाने वाले प्रश्न

6

अगला चरण पूरा करने के लिए इन संबंधित टूल का उपयोग करें।