React Router के साथ रूटिंग
React कोर्स का हिस्सा
अब तक आपने जो कुछ भी बनाया है वह एक ही पते पर रहता है। एक अकेला पेज है, और उपयोगकर्ता को जो कुछ भी दिखाना है, आप उसे स्टेट से दिखाते या छिपाते हैं। यह तब तक ठीक चलता है जब तक कोई settings screen को बुकमार्क करना चाहे, या किसी साथी को किसी ख़ास user का लिंक भेजना चाहे, या ब्राउज़र का back बटन दबाकर वहीं पहुँचना चाहे जहाँ उसे उम्मीद हो। जो वेब ऐप एड्रेस बार को नज़रअंदाज़ करता है, वह उस एक फ़ीचर को फेंक देता है जिसे हर...
एक सिंगल-पेज ऐप पूरे पेज को रीलोड नहीं करती जब आप इधर-उधर घूमते हैं। ब्राउज़र JavaScript एक बार डाउनलोड करता है, और उसके बाद screens बदलना बस React का अलग-अलग कंपोनेंट रेंडर करना भर है। लेकिन URL फिर भी बदलना चाहिए, back बटन फिर भी काम करना चाहिए, और कोई पता सीधे टाइप करने पर भी आप सही जगह पहुँचने चाहिए। इन दो चीज़ों को साथ जोड़ना, एक तरफ़ एड्रेस बार और दूसरी तरफ़ आपके कंपोनेंट, इसे रूटिंग कहते हैं।
असली माहौल में React React Router के साथ रूटिंग सीखना चाहते हैं?
नीचे क्लिक करें, React के साथ तैयार एक Linux मशीन पाएँ, और AI ट्यूटर के साथ React Router के साथ रूटिंग पर हाथ-से-काम करें जो आपका कोड जानता है।
यह पाठ शुरू करेंReact Router के साथ रूटिंगआप क्या सीखेंगे
- Installing react-router-dom
- BrowserRouter
- Routes and Route
- Link for navigation
- UseParams
- UseNavigate
यह पाठ अपनी भाषा में पढ़ें
इस कोर्स के सभी पाठ
17 पाठ- 1React क्या है?25 मिनट
- 2JSX और Components30 मिनट
- 3Props30 मिनट
- 4useState के साथ State35 मिनट
- 5इवेंट्स को हैंडल करना30 मिनट
- 6सशर्त रेंडरिंग और सूचियाँ30 मिनट
- 7फॉर्म और नियंत्रित इनपुट35 मिनट
- 8useEffect के साथ साइड इफ़ेक्ट40 मिनट
- 9डेटा प्राप्त करना40 मिनट
- 10Component कंपोजिशन35 मिनट
- 11Context और useContext35 मिनट
- 12useReducer35 मिनट
- 13Custom Hooks35 मिनट
- 14Performance और Memoization35 मिनट
- 15React Router के साथ रूटिंग40 मिनट
- 16React Components का परीक्षण40 मिनट
- 17कैपस्टोन: टू-डू ऐप60 मिनट
