रिएक्ट राउटर फ्रेमवर्क की स्थापना
इस ट्यूटोरियल खंड के लिए, रिएक्ट राउटर के अलावा, हम उपयोग करेंगे Vite बिल्ड टूल और डेवलपमेंट सर्वर के रूप में।
शुरुआत करते हैं, आइए बनाएं
एक रिएक्ट एप्लिकेशन my-app
Vite का उपयोग करके। इसके
लिए टर्मिनल खोलें और दर्ज करें
निम्नलिखित कमांड:
npm create vite@latest my-app -- --template react
cd my-app
npm install
रूटिंग के साथ काम करने के लिए
हमें react-router-dom मॉड्यूल की आवश्यकता है,
आइए इसे इंस्टॉल करें:
npm install react-router-dom
अब काम शुरू करने के लिए सब कुछ तैयार है। चलिए हमारा एप्लिकेशन शुरू करते हैं:
npm run dev
टर्मिनल में दिए गए लिंक http://localhost:5173/ को कॉपी करें,
ब्राउज़र के एड्रेस बार में पेस्ट करें
और चल रहे एप्लिकेशन को देखें
(आप काउंटर वाला बटन दबा कर देख सकते हैं)।
पाठ में बताए अनुसार, Vite के साथ React में एक एप्लिकेशन बनाएं,
react-router-dom मॉड्यूल इंस्टॉल करें। सुनिश्चित करें कि
एप्लिकेशन चल रहा है।
