प्रतिक्रिया घटक पुस्तकालय

Question

के लिए फ़ेबल बाइंडिंग कैसे लिखें F #/Fable से प्रतिक्रिया घटक लाइब्रेरी के लिए बाइंडिंग लिखने के तरीके पर कोई चरण-दर-चरण मार्गदर्शन उपलब्ध है?

एकमात्र उदाहरण जो मुझे मिल सकता है वह fable-react-toolbox है जो KeyValueList विशेषता को बहिष्कृत करता है।

मुझे विशेष रूप से BlueprintJS library का उपयोग करने में रूचि है; मैं विभिन्न props परिभाषित इंटरफ़ेस उत्पन्न करने के लिए ts2fable का उपयोग करने में सक्षम हूं लेकिन मुझे पता नहीं है कि आगे क्या करना है या सहायता के लिए कहां से पूछना है!

किसी भी मार्गदर्शन बहुत सराहना की जाएगी!

माइकल

Answer 1

आप पहले से ही रंगमंच की सामग्री इंटरफेस के रूप में आप कल्पित कहानी का उपयोग कर सकते हैं, तो आप के लिए अपने घटक बनाने के लिए सहायकों को प्रतिक्रिया।

मान लें कि आप फू घटक के लिए एक रैपर बनाना चाहते हैं (आपने पहले से ही इंटरफ़ेस के प्रोप को निकाला है और इसे IFooProps कहा है) प्रतिक्रिया-बार मॉड्यूल से आपके द्वारा लिखे गए कोड को ऐसा कुछ दिखाई देगा।

let Foo : ComponentClass<obj> = import "Foo" "react-bar" 
let inline foo (props : IFooProps list) elems = 
    Fable.Helpers.React.from Foo (keyValueList CaseRules.LowerFirst props) elems 

ComponentClass प्रकार Fable.Import.React मॉड्यूल में पाया जा सकता है।

इस विषय के बारे में एक उपयोगी चर्चा इस गिटहब मुद्दे https://github.com/fable-compiler/Fable/issues/1044 में मिल सकती है।