जब रीएक्टिव नेटिव में प्रोजेक्ट की विरासत को वापस लाते हुए नेविगेशन के साथ काम करना

यह सामग्री मोबाइल विकास में नेविगेशन को फिर से सक्रिय करने पर काम करने के लिए समर्पित है।
लेख संभावित समस्याओं के उदाहरण प्रदान करता है, साथ ही साथ रिएक्टिव नेटिव पर मोबाइल विकास में नेविगेशन के काम से संबंधित कठिन परिस्थितियों से बाहर का रास्ता भी बताता है।

हम मोबाइल लिगेसी प्रोजेक्ट की मुख्य विशेषताओं और समस्याओं पर विचार करेंगे, चरण दर चरण हम एक कार्य को सेट करने, कार्य में अड़चनों की पहचान करने, मौजूदा समस्याओं के समाधान खोजने और वांछित परिणाम प्राप्त करने की क्रियाओं की एक श्रृंखला से गुजरेंगे।

काम करने का माहौल

रिएक्ट नेटिव फेसबुक द्वारा बनाया गया एक अपेक्षाकृत युवा ओपन सोर्स मोबाइल ऐप डेवलपमेंट प्लेटफॉर्म है। इसका उपयोग एंड्रॉइड, आईओएस और यूडब्ल्यूपी के लिए एप्लिकेशन बनाने के लिए किया जाता है, और डेवलपर्स को प्लेटफॉर्म की अपनी क्षमताओं के साथ रिएक्ट का उपयोग करने की अनुमति देता है।

मोबाइल एप्लिकेशन में नेविगेशन सबसे महत्वपूर्ण तत्व है। आवेदन की वास्तुकला का निर्माण करते समय, आपको इस विषय पर विशेष ध्यान देना चाहिए।

नेविगेशन के निर्माण के लिए सबसे आम पुस्तकालय:

• रिएक्ट नेविगेशन यह सबसे लोकप्रिय पुस्तकालय है, जिसका अक्सर आधिकारिक दस्तावेज़ीकरण में उल्लेख किया जाता है। तदनुसार, वह गीथहब पर अपने गुल्लक में कई सितारे हैं।
• प्रतिक्रिया-मूलनिवासी-नेविगेशन। यह प्लेटफॉर्म iOS और एंड्रॉइड के लिए मूल देशी एपीआई का उपयोग करता है। यह रिएक्ट-नेविगेशन का एक लोकप्रिय विकल्प है। यह उन लोगों के लिए उपयुक्त है जो मंच के समझौतों के अनुपालन की सराहना करते हैं और अनुकूलन के बारे में बहुत ज्यादा परवाह नहीं करते हैं।

कम आम पुस्तकालय:

• प्रतिक्रिया-रूटर-मूल निवासी। यह एक अधूरी लाइब्रेरी है। लेकिन अगर आप पहले से ही रिएक्ट राउटर एपीआई से परिचित हैं और अपने आवेदन के लिए काफी सरल आवश्यकताओं को पूरा करते हैं, तो यह प्लेटफॉर्म आपकी मदद कर सकता है।
• प्रतिक्रिया-मूलनिवासी-रूटर-फ्लक्स। यह पुस्तकालय रिएक्ट-नेविगेशन पर आधारित है, लेकिन इसके साथ बातचीत करने के लिए एक अलग एपीआई प्रदान करता है।

मेरा अनुभव

मैं आपको एक डेवलपर के रूप में अपने अनुभव के बारे में संक्षेप में बताऊंगा। मैं दो साल से रिएक्ट नेटिव के साथ काम कर रहा हूं। ऐप स्टोर में कई पूर्ण प्रोजेक्ट प्रकाशित हैं। इस समय के दौरान, मैं रिएक्ट नेटिव के वातावरण में बड़ी संख्या में साधनों से परिचित होने में कामयाब रहा। नेविगेशन अक्सर मोबाइल विकास परियोजनाओं में एक ठोकर है। जिस विरासत परियोजना पर मैं काम कर रहा था, वह कोई अपवाद नहीं थी। इस पर बाद में चर्चा की जाएगी।

कार्य

कोड को दो प्रकारों (उपयोगकर्ता और व्यवस्थापक) में भूमिकाओं को विभाजित करने के बजाय एप्लिकेशन रिफैक्टिंग के दौरान दोहराया गया था। दुर्भाग्य से, नेविगेशन में वही समस्या मौजूद थी।
आवेदन की वास्तुकला सुविधाओं को ध्यान में नहीं रखा गया था।

सभी स्क्रीन को तीन प्रकारों में विभाजित किया गया था: प्राधिकरण स्क्रीन, व्यवस्थापक स्क्रीन और उपयोगकर्ता स्क्रीन।

स्विचिंग भूमिकाओं के साथ रूट स्टैक और नेविगेटर टैब के बीच एक तार्किक कनेक्शन के बजाय, उपयोगकर्ता नेविगेशन नेविगेशन स्टैक में एक अतार्किक विभाजन था।



इसके अलावा, प्रत्येक उपयोगकर्ता के लिए नेविगेशन का निर्माण दोहराया गया था।



मुझे निम्नलिखित समस्याओं को हल करने की आवश्यकता है:

• आवेदन की सामान्य मंदी।
• मुख्य स्क्रीन के "पूर्व-रेंडरर" की अनुपस्थिति, जो उपयोगकर्ताओं के आराम पर सबसे अच्छा प्रभाव नहीं डालती है।
• नेविगेशन देशी नहीं लग रहा था। संक्रमण एनिमेशन ध्यान देने योग्य और काम के लिए असुविधाजनक थे।

टैब नेविगेटर के रूप में कार्य करने वाले मोडल विंडो घटक का स्क्रीनशॉट जोड़ें।

• नेविगेशन स्टैक में "जोर देकर" स्क्रीन, अर्थात् कोई निर्वहन (शुद्धि) नहीं था। हमने जो स्क्रीन खोली हैं, उन्हें स्टैक पर संग्रहीत किया गया था। इस प्रकार, एक मेमोरी लीक और बाद में एप्लिकेशन का क्रैश लगभग अपरिहार्य था।

निर्णय

काम के परिणाम:

• नेविगेशन के अनुकूलन से संबंधित समस्या, एक पूर्व-रेंडरर की कमी और सामान्य मंदी को नेविगेशन लाइब्रेरी को अपडेट करके, टैब नेविगेटर का उपयोग करके और स्व-लिखित मोडल विंडो को नेविगेटर के रूप में उपयोग करने से इनकार करने से हल किया गया था।
• रिफैक्टिंग के बाद, नेविगेशन और अधिक प्राकृतिक हो गया। ट्रांज़िशन एनिमेशन के काम को ट्रैक करने के साथ-साथ टैब पर मुख्य स्क्रीन के प्रीरेन्डर ने उपयोगकर्ता सुविधा को बढ़ाया है।
• नेविगेशन टैब में नेविगेशन स्टैक किया गया था। संक्रमण का उपयोग बेहतर नियंत्रित था। ऊपरी स्तर पर संक्रमण का उपयोग किया गया था।

निम्नलिखित तरीकों का उपयोग रिएक्ट-नेविगेशन संस्करण के लिए किया गया था:

• popToTop - स्टैक पर मुख्य स्क्रीन पर जाएं
• बदलें - वर्तमान मार्ग को एक नए के साथ बदल देता है
• रीसेट - नाविक राज्य को साफ करता है और इसे कई कार्यों के परिणाम के साथ बदलता है

परिणाम

मैं अधिकांश डुप्लिकेट नेविगेशन स्क्रीन से छुटकारा पाने और एक अधिक तार्किक संरचना बनाने में कामयाब रहा।

रिफैक्टिंग प्रक्रिया में, सभी नेविगेशन को नया रूप दिया गया। नेविगेशन के रीफैक्टरिंग के हिस्से में डबल स्क्रीन से छुटकारा पाने और एकीकृत नेविगेशन संरचना तैयार करना भी शामिल था। टैब के बाहर स्थित स्क्रीन रूट रूट नेविगेटर में थे, और नेविगेटर टैब की स्क्रीन को स्वयं स्क्रीनशॉट में देखा जा सकता है।

निष्कर्ष

सारांशित करते हुए, मैं एक बार फिर से नेविगेशन पुस्तकालयों के महत्व को नोट करना चाहूंगा, साथ ही साथ उनके साथ काम करने के लिए सबसे प्रभावी रणनीतियों के उपयोग और तकनीकी दस्तावेज का गहन अध्ययन करना चाहूंगा। अन्यथा, आप एक मौजूदा परियोजना और उसके कोड आधार को फिर से बनाने और परिष्कृत करने में बहुत समय और प्रयास खर्च करेंगे।

नेविगेशन लाइब्रेरी चुनना आपके एप्लिकेशन को विकसित करने के लिए एक महत्वपूर्ण कदम है। बिना सोचे-समझे और सावधानी के बिना किया गया कोई भी निर्णय स्केलेबिलिटी को नुकसान पहुंचा सकता है या अन्य समस्याएं पैदा कर सकता है।

उपयोगी लिंक:

रिएक्ट नेविगेशन
मूल निवासी
विकास की समस्याएं विरासत मोबाइल परियोजना
प्रतिक्रिया-मूलनिवासी-नेविगेशन
प्रतिक्रिया-रूटर-मूलनिवासी
प्रतिक्रिया-मूलनिवासी-रूटर-फ्लक्स