सुधार: प्रतिक्रिया और JSONSchema - अधिकतम लचीलापन

फ्लेक्सिबल फॉर्म (सुधार) एक फॉर्म बिल्डर है जिसमें न्यूनतम कोड अतिरेक होता है, जबकि यह बेहद लचीला और एक्स्टेंसिबल होता है। प्रयुक्त प्रौद्योगिकी स्टैक: प्रतिक्रिया (v16), Redux (वैकल्पिक), JSONSchema , टाइपस्क्रिप्ट । मुख्य विचार सर्किट, घटकों और कार्यों का अधिकतम संभव पुन: उपयोग है।

विशेषताएं

• 98kb छोटा , 28kb संकुचित
• क्विक स्टार्ट फॉर्म डिजाइनर
• संपत्तियों oneOf , allOf , $ref का उपयोग करते समय संयोजन या पुन: उपयोग या उनके कुछ हिस्सों को
• सत्यापन सिंक / async / JSON / सबमिट करें
• मूल रिडक्स समर्थन, लेकिन किसी भी अन्य भंडारण (आंतरिक सहित) का उपयोग करना संभव है
• सरणियों के लिए पूर्ण समर्थन (जोड़ें / निकालें / चाल)
• निर्मित दर्शक
• पूरी तरह से अनुकूलन और जोड़ने योग्य फार्म तत्व
• SSR सपोर्ट
• कोई निर्भरता (बाहरी के रूप में प्रतिक्रिया)

चूंकि, JSONSchema विनिर्देशन के अनुसार, यह केवल JSON प्रारूप में डेटा द्वारा परिभाषित किया गया है, इस प्रारूप में 2 वस्तुओं द्वारा परिभाषित किया गया है:

• JSONSchema योजना (ड्राफ्ट v4, अतिरिक्त गुणों के साथ) जिसमें केवल JSON डेटा होता है और फॉर्म फ़ील्ड और ऑब्जेक्ट्स जैसे बटन, लिंक, टैब आदि का स्थान बताता है।
• एक तत्व ऑब्जेक्ट जिसमें रिएक्ट (v16) घटक, कार्य, घटकों के अक्सर उपयोग किए जाने वाले हिस्से और सिद्धांत रूप में, किसी भी अन्य js या JSON कोड को तत्वों ऑब्जेक्ट के किसी भी भाग से या JSONSchem ऑब्जेक्ट के विस्तारित क्षेत्रों से संदर्भित किया जा सकता है। इसके सार में, तत्व कोड की ईंटों का एक भंडार है जिसमें से पूरे फॉर्म को फिर से इकट्ठा किया जाता है, और इन सरू के तत्वों की डिग्री डेवलपर द्वारा निर्धारित की जाती है।

लचीलेपन, एक्स्टेंसिबिलिटी और रेडी-मेड सर्किट, घटकों और फ़ंक्शंस का फिर से आवेदन इस प्रकार लागू किया गया है:

• JSONSchema विनिर्देश में वर्णित $ Ref और allOf गुणों का उपयोग करके स्कीमा का विस्तार करना। एक उदाहरण से लिंक करें ।
• समान सिद्धांत का उपयोग करते हुए तत्वों के ऑब्जेक्ट का विस्तार करना, लेकिन एक अलग सिंटैक्स के साथ (नेत्रहीन रूप से अलग करने के लिए जहां योजना का विस्तार होता है और जहां तत्वों का विस्तार होता है)। प्रलेखन । एक उदाहरण से लिंक करें ।
• डेटा और ईवेंट हैंडलर उसी तरह से js फ़ंक्शन से पाइप का उपयोग करते हैं जिस तरह से linux करता है। एक फ़ंक्शन का आउटपुट अगले एक के इनपुट को खिलाया जाता है, जो (कार्यों की जिम्मेदारियों के सही विभाजन के साथ) आपको मौजूदा कार्यों का पुन: उपयोग करने की अनुमति देता है, और नए जोड़े केवल तभी जोड़ते हैं जब कार्यक्षमता जो अभी तक लागू नहीं हुई है, आवश्यक है। प्रलेखन । एक उदाहरण से लिंक करें ।

संदर्भ

• गितुब भंडार
• स्थापना और उपयोग
• ट्यूटोरियल
• उदाहरण
• प्रलेखन