चुनौती
<पी> उपयोगकर्ताओं को उनके व्यक्तिगत सेटिंग मेनू से "आरंभ करें" पृष्ठ को टॉगल करने की क्षमता देना आपकी अपेक्षा से थोड़ा अधिक चुनौतीपूर्ण था। ऐसा इसलिए है क्योंकि "आरंभ करना" पृष्ठ React.js में बनाया गया है, और व्यक्तिगत सेटिंग्स मेनू एक रेल-जनरेटेड टेम्पलेट है जो रिएक्ट ऐप के बाहर प्रस्तुत किया गया है। <पी> हमें रेल्स-जनरेटेड और रिएक्ट मेनू पर टॉगल स्थिति को सिंक करने का एक तरीका ढूंढना था, आदर्श रूप से वर्तमान स्थिति के लिए सर्वर से मतदान किए बिना।समाधान
<पी> हमारे गैर-प्रतिक्रिया इंटरैक्शन के लिए, ऐपसिग्नल "रेलवे तरीके" में स्टिमुलसजेएस का उपयोग करता है , आपके पूरे एप्लिकेशन में जावास्क्रिप्ट आनंद के इंटरैक्टिव छिड़काव जोड़ रहा है। <पी> हमने स्टिमुलसजेएस वेनिला जेएस को चुना क्योंकि इसमें एक मानकीकृत संरचना है जो अच्छी तरह से प्रलेखित है और इसे कुछ जावास्क्रिप्ट अनुभव के साथ किसी भी रेल डेवलपर द्वारा आसानी से अपनाया जा सकता है। <पी> React.js और StimulusJS को सिंक में रखने के लिए, हमने दस्तावेज़ के मुख्य भाग पर भेजे गए कस्टम इवेंट बनाए। हमने अपनेhide_getting_started को कनेक्ट करने और सुनने के लिए अपने React और StimulusJS सेटअप को कॉन्फ़िगर किया है घटनाएँ. स्टिमुलसजेएस में
<पी> जब स्टिमुलसजेएस नियंत्रक कनेक्ट होता है, तो हम दस्तावेज़ पर घटनाओं को सुनते हैं। अपनी जावास्क्रिप्ट को साफ-सुथरा रखने के लिए, हम डिस्कनेक्ट होने पर इवेंट श्रोता को हटा देते हैं:React.js में
<पी> हम React.js में वही काम करते हैं जो हम StimulusJS में करते हैं। हमारा React.js कोड दस्तावेज़ पर घटनाओं को सुनता है और डिस्कनेक्ट होने पर इवेंट श्रोता को हटा देता है:टॉगल चालू करें, टॉगल बंद करें
<पी> इस सेटअप के साथ, हम अपने स्वतंत्र React.js और StimulusJS कार्यान्वयन दोनों से कस्टम इवेंट उत्सर्जित कर सकते हैं, जिससे उन्हें एक-दूसरे के साथ बातचीत करने और हमेशा सही स्थिति प्रतिबिंबित करने की अनुमति मिलती है: <पी> जावास्क्रिप्ट के बारे में सबसे अच्छी बात यह है कि हमारे जैसे परिदृश्य में भी, जहां आप विभिन्न ढांचे का उपयोग करते हैं, आप अपने React.js या StimulusJS घटकों और नियंत्रकों के बाहर परिवर्तनों को संभालने के लिए घटनाओं का उपयोग कर सकते हैं। <पी> यह सरल और सीधा समाधान आपको DOM को संशोधित किए बिना या अधिक जटिल समाधान बनाए बिना विभिन्न जावास्क्रिप्ट कार्यान्वयनों के बीच स्थिति को प्रबंधित करने की अनुमति देता है जो बैक-एंड और फ्रंट-एंड के बीच आगे और पीछे अनुरोध भेजता है।AppSignal के साथ अपने फ्रंट-एंड जावास्क्रिप्ट की निगरानी करें
<पी> क्या आप डेवलपर्स के लिए डेवलपर्स द्वारा बनाए गए टूल के साथ अपने एप्लिकेशन के जावास्क्रिप्ट फ्रंट-एंड की निगरानी करना चाहेंगे? डेवलपर्स का कहना है कि उन्हें हमारी निगरानी का उपयोग करने में आनंद आता है क्योंकि हमारे पास: है- एक सहज इंटरफ़ेस जो नेविगेट करना आसान है।
- सरल और पूर्वानुमानित मूल्य निर्धारण।
- डेवलपर-से-डेवलपर समर्थन।
कॉनर जेम्स
<पी> ऐपसिग्नल में डेवलपर मार्केटिंग मैनेजर। पॉडकास्ट का दीवाना जो कैनोली से इतना प्यार करता है कि वह अपना नाम बदलकर कोनोली रखने पर विचार कर रहा है। वह सोचता है कि रंग में 'यू' है। जब वह ड्यूटी से बाहर हो तो आप उसे माइक पर, मंच पर या सोफे पर लेटे हुए पा सकते हैं। <पी> कॉनर जेम्स द्वारा सभी लेख
