क्लाइंट साइड रूटिंग को लागू करने के लिए रिएक्ट राउटर का उपयोग करना
क्लाइंट-साइड रूटिंग क्या है
क्लाइंट-साइड रूटिंग तब होती है जब मार्ग को फ्रंट एंड कोड (जावास्क्रिप्ट/जेएसएक्स) द्वारा नियंत्रित किया जाता है जो पृष्ठ पर लोड होता है। जब एक लिंक पर क्लिक किया जाता है, तो यूआरएल में रूट बदल दिया जाएगा लेकिन सर्वर अनुरोध को रोक दिया जाता है। यूआरएल राज्य द्वारा बदला जाएगा। राज्य में इस परिवर्तन के परिणामस्वरूप वेबपेज का एक अलग दृश्य दिखाई देगा।
आइए एक वास्तविक दुनिया का उदाहरण देखें, मान लें कि आपके पास एक ऐसा एप्लिकेशन है जो आपको अपने ब्लॉग, अपना प्रोफ़ाइल पृष्ठ और आपके ड्राफ़्ट देखने की अनुमति देता है। उनमें से प्रत्येक पृष्ठ एक ही एसपीए (एक पृष्ठ आवेदन) का एक अलग दृश्य है। क्लाइंट-साइड रूटिंग के साथ, आपको वह डेटा प्राप्त होगा जो आपको पहले पृष्ठ लोड पर उन सभी पृष्ठों को प्रस्तुत करने में सक्षम होना चाहिए। जब कोई उपयोगकर्ता अपने ड्राफ़्ट देखने के लिए क्लिक करता है, तो सामग्री पहले से ही जाने के लिए तैयार है, और इसलिए यह उस पृष्ठ के लिए सर्वर से अनुरोध करने की तुलना में तेज़ी से प्रस्तुत होगी।
स्पीड क्लाइंट-साइड रूटिंग का प्रमुख लाभ है। हम सर्वर से केवल एक अनुरोध करते हैं और इसलिए हमें सर्वर के हमारे पास वापस आने का इंतजार नहीं करना पड़ता है। सब कुछ क्लाइंट-साइड पर संग्रहीत है और हमें इसकी आवश्यकता के अनुसार हमारे लिए सुलभ है।
नोट: क्लाइंट-साइड रूटिंग का उपयोग करते समय हमारा पूरा पेज रीफ्रेश नहीं होगा। इसके बजाय, केवल पृष्ठ के तत्व बदलेंगे।
क्लाइंट-साइड रूटिंग की कमियां
चूँकि हम अपना सारा कोड आद्याक्षर पर लोड कर रहे हैं पाना अनुरोध करें कि प्रारंभिक पृष्ठ रेंडर के लिए यह बहुत धीमा हो सकता है, खासकर यदि आपके पास वास्तव में एक बड़ा एप्लिकेशन है। यह क्लाइंट-साइड रूटिंग की सबसे बड़ी कमियों में से एक है।
एक और कमी खोज इंजन क्रॉलिंग है जो एसपीए के लिए कम अनुकूलित है। Google एसपीए पर क्रॉलिंग को बेहतर बनाने पर काम कर रहा है लेकिन सर्वर-साइड एप्लिकेशन पर ऐसा करने की तुलना में यह अभी भी बहुत कम कुशल है।
#प्रतिक्रिया #जावास्क्रिप्ट
माध्यम.कॉम
प्रतिक्रिया: क्लाइंट साइड रूटिंग
क्लाइंट-साइड रूटिंग को लागू करने के लिए रिएक्ट राउटर का उपयोग करना। रिएक्ट में क्लाइंट-साइड रूटिंग उस सहज उपयोगकर्ता अनुभव को बनाए रखने में मदद करता है जो एक विशिष्ट सिंगल-पेज एप्लिकेशन वादा करता है। यह रिएक्ट राउटर नामक बाहरी रिएक्ट लाइब्रेरी के माध्यम से प्राप्त किया जाता है