👨🏽‍🏫 ⏮️ 🤴🏼 एल्म। आरामदायक और अजीब ⛺️ 🔉 🧛🏿

एल्म के बारे में बात करें।

एल्म फ्रंटेंड डेवलपमेंट के लिए एक कार्यात्मक प्रोग्रामिंग भाषा है। वाक्य-विन्यास हास्केल के समान है, लेकिन काफी सरल और विशिष्ट है। एल्म स्रोत कोड देशी जावास्क्रिप्ट में संकलित करता है। संकलित जावास्क्रिप्ट में एप्लिकेशन कोड होता है जो DOM सबट्री को नियंत्रित करता है।

एल्म। आरामदायक और अजीब। रचना
एल्म। आरामदायक और अजीब। Json.Encoder और Json.Decoder
एल्म। आरामदायक और अजीब। Http, टास्क

एल्म भाषा की वास्तुकला में मुख्य तत्व अनुप्रयोग है। सामान्य तौर पर, प्रत्येक अनुप्रयोग में शामिल हैं:

राज्य या मॉडल। आवेदन की वर्तमान स्थिति का वर्णन करने वाला डेटा;
कई वैध संदेश। संदेश तब होते हैं जब घटनाएं घटित होती हैं (मान लें कि एक बटन क्लिक किया गया है) और अपडेट फ़ंक्शन को दिया गया;
एक दृश्य फ़ंक्शन, जो राज्य के आधार पर, एक नया DOM ट्री उत्पन्न करता है;
अपडेट फ़ंक्शन, जो एक मॉडल और एक संदेश लेता है, और एक नया मॉडल और आवश्यक प्रभाव देता है;
फ़ंक्शन की सदस्यता लें, इवेंट सूचनाओं की सदस्यता लें। भाषा के मूल में टाइमर, WebSocket और बहुत कुछ के लिए सदस्यताएँ हैं।

टाइपिंग

सब कुछ टाइप करना होगा। परिणामस्वरूप, स्थिर कोड स्थिरता जाँच। यदि संकलित है, तो यह काम करना चाहिए। लेकिन यह आपकी अपेक्षा के अनुरूप काम करेगा या नहीं - कोई गारंटी नहीं। यह रीफैक्टरिंग को बहुत सरल करता है।

आदर्श

मॉडल एक कस्टम प्रकार है। कस्टम प्रकार से बनाया गया है:

संरचनाओं का वर्णन करने के लिए उपनाम लिखें ;
मान्य प्रकार संघों का वर्णन करने के लिए संघ प्रकार ;
बुनियादी प्रकार Int, स्ट्रिंग और अन्य।

यूनियन प्रकार आपको टैग किए गए प्रकारों को घोषित करने की अनुमति देते हैं। उदाहरण के लिए, उपयोगकर्ता प्रकार का विवरण लें:

type User = Anonymous | User String

घोषित प्रकार में उपयोगकर्ता और उसके डेटा के बारे में जानकारी होती है, यदि वह अधिकृत है। अन्यथा, उपयोगकर्ता अनाम है।

सीमा

एल्म रनटाइम और डिकोडर्स के माध्यम से बाहरी वातावरण के बीच की सीमा। डिकोडर (Json.Decode) एक फ़ंक्शन है जो JSON को स्वीकार करता है और एक एल्म प्रकार देता है। Json.Decode.decodeString या Json.Decode.decodeValue के निष्पादन के दौरान इनपुट डेटा की संरचना और प्रकारों के लिए पत्राचार की जाँच की जाती है।

डिकोडर एक परिणाम प्रकार देता है जिसमें डेटा होता है, यदि सफल या कोई त्रुटि।

प्रस्तुति (देखें)

एक दृश्य राज्य का एक कार्य है जो DOM ट्री जनरेट करने के लिए जानकारी देता है। एक उदाहरण:

 view : Model -> Html.Html Msg view model = case model.user of Anonymous -> Html.div [] [ Html.text “Anonymous” ] User name -> Html.div [] [ Html.text (“Welcome ” ++ name) ]

डोम नोड उत्पन्न करने के लिए फ़ंक्शंस का उपयोग किया जाता है। युद्ध परियोजनाओं में, दृश्य एक अधिक सामान्य क्रम के कार्यों की एक रचना है। उदाहरण के लिए:

 view : Model -> Html.Html Msg view model = case model.user of Anonymous -> anonymousView User name -> userView name

अनाम दृश्य और उपयोगकर्ता दृश्य उपयोगकर्ता कार्य हैं जो इंटरफ़ेस के छोटे हिस्से उत्पन्न करते हैं।

म्यूटेशन (अपडेट)

सभी घटनाओं (उपयोगकर्ता कार्यों, नेटवर्क, आदि) संदेश उत्पन्न करते हैं जो प्रारंभ के दौरान पंजीकृत फ़ंक्शन को वितरित किए जाते हैं। डिफ़ॉल्ट रूप से, इस फ़ंक्शन को अद्यतन नाम दिया गया है। फ़ंक्शन एक ईवेंट और एक मॉडल लेता है, और एक नया मॉडल और आदेश देता है। कमांड को एल्म रनटाइम में निष्पादित किया जाता है और घटनाएँ भी उत्पन्न कर सकता है।

उदाहरण के लिए, जब बटन दबाया जाता है तो एक चर बढ़ाना:

 update : Model -> Msg -> (Model, Cmd Msg) update model msg = case msg of OnClick -> ({model | clicked = model.clicked + 1}, Cmd.none)

एप्लिकेशन स्टार्टअप पर होने वाली घटनाओं के लिए सब्सक्राइब करना और मॉडल बदलने पर हर बार फिर से कॉल करना।

यदि कोई घटना होती है, तो उन्हें अपडेट फ़ंक्शन में वितरित किया जाता है।

उदाहरण के लिए, 10 सेकंड की अवधि वाले टाइमर की सदस्यता। 10 सेकंड तक पहुंचने पर, एक टिक संदेश उत्पन्न होता है और अपडेट फ़ंक्शन को दिया जाता है:

 subscribe : Model -> Sub Msg subscribe model = Time.every 10 Tick

सूत्रों का कहना है

http://elm-lang.org - भाषा साइट
http://elm-lang.org/examples - आदिम उदाहरण
https://github.com/evancz/elm-todomvc - उदाहरण TODO आवेदन
https://guide.elm-lang.org/install.html - आधिकारिक प्रलेखन
https://www.elm-tutorial.org/en/ - तृतीय-पक्ष भाषा की पाठ्यपुस्तक
https://github.com/isRuslan/awesome-elm - भाषा के बारे में विभिन्न सामग्रियों का एक संग्रह
https://github.com/rtfeldman/elm-spa-example - उदाहरण औसत अनुप्रयोग आकार

एल्म। आरामदायक और अजीब