रिएक्ट राउटर फ्रेमवर्क की स्थापना

इस ट्यूटोरियल खंड के लिए, रिएक्ट राउटर के अलावा, हम उपयोग करेंगे Vite बिल्ड टूल और डेवलपमेंट सर्वर के रूप में।

शुरुआत करते हैं, आइए बनाएं एक रिएक्ट एप्लिकेशन my-app Vite का उपयोग करके। इसके लिए टर्मिनल खोलें और दर्ज करें निम्नलिखित कमांड:

terminalnpm create vite@latest my-app -- --template react
cd my-app
npm install

रूटिंग के साथ काम करने के लिए हमें react-router-dom मॉड्यूल की आवश्यकता है, आइए इसे इंस्टॉल करें:

terminalnpm install react-router-dom

अब काम शुरू करने के लिए सब कुछ तैयार है। चलिए हमारा एप्लिकेशन शुरू करते हैं:

terminalnpm run dev

टर्मिनल में दिए गए लिंक http://localhost:5173/ को कॉपी करें, ब्राउज़र के एड्रेस बार में पेस्ट करें और चल रहे एप्लिकेशन को देखें (आप काउंटर वाला बटन दबा कर देख सकते हैं)।