React एप्लिकेशन इंस्टॉलेशन और तैयारी

इस पाठ में, हम React एप्लिकेशन को इंस्टॉल और तैयार करके शुरुआत करेंगे, क्योंकि आगे हम इसे Redux के साथ मिलाकर उपयोग करेंगे। React एप्लिकेशन टेम्पलेट बनाने के तेज़ तरीके हैं (जो, वैसे, हमेशा आसान नहीं होते, खासकर नौसिखियों के लिए) जो आधिकारिक दस्तावेज़ में बताए गए हैं, लेकिन हम शुरुआत से शुरू करेंगे।

शुरुआत के लिए, हम Vite का उपयोग करके my-app नामक एक React एप्लिकेशन बनाएंगे (यह Webpack का एक आधुनिक विकल्प है)। इसके लिए, हम टर्मिनल खोलेंगे और निम्नलिखित कमांड्स दर्ज करेंगे (अगर विकल्प दिए जाते हैं, तो हम React और फिर JavaScript चुनेंगे):

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

आइए बनाए गए एप्लिकेशन को चलाएं:

terminalnpm run dev

ब्राउज़र में दिए गए लिंक http://localhost:5173/ को खोलें और हम परिचित स्टार्टर स्क्रीन देखेंगे। सब कुछ काम कर रहा है।

अब अतिरिक्त चीज़ों को हटा दें। public फ़ोल्डर साफ़ करें। src फ़ोल्डर में, केवल main.jsx, index.css और App.jsx रखें (index.css और App.jsx में पूरी सामग्री हटा दें)।

index.html फ़ाइल में, टाइटल टेक्स्ट को बदलकर यह कर दें:

index.html<title>React Redux App</title>