React एप्लिकेशन इंस्टॉलेशन और तैयारी
इस पाठ में, हम React एप्लिकेशन को इंस्टॉल और तैयार करके शुरुआत करेंगे, क्योंकि आगे हम इसे Redux के साथ मिलाकर उपयोग करेंगे। React एप्लिकेशन टेम्पलेट बनाने के तेज़ तरीके हैं (जो, वैसे, हमेशा आसान नहीं होते, खासकर नौसिखियों के लिए) जो आधिकारिक दस्तावेज़ में बताए गए हैं, लेकिन हम शुरुआत से शुरू करेंगे।
शुरुआत के लिए, हम Vite का उपयोग करके
my-app नामक एक React एप्लिकेशन बनाएंगे
(यह Webpack का एक आधुनिक विकल्प है)।
इसके लिए, हम टर्मिनल खोलेंगे
और निम्नलिखित कमांड्स दर्ज करेंगे (अगर विकल्प दिए जाते हैं,
तो हम React और फिर JavaScript चुनेंगे):
npm create vite@latest my-app -- --template react
cd my-app
npm install
आइए बनाए गए एप्लिकेशन को चलाएं:
npm run dev
ब्राउज़र में दिए गए लिंक
http://localhost:5173/ को खोलें
और हम परिचित स्टार्टर स्क्रीन देखेंगे। सब कुछ काम कर रहा है।
अब अतिरिक्त चीज़ों को हटा दें। public फ़ोल्डर साफ़ करें।
src फ़ोल्डर में, केवल main.jsx,
index.css और App.jsx रखें (index.css
और App.jsx में पूरी सामग्री हटा दें)।
index.html फ़ाइल में, टाइटल टेक्स्ट को बदलकर यह कर दें:
<title>React Redux App</title>
एक React एप्लिकेशन बनाएं और सुनिश्चित करें कि यह काम कर रहा है।
अनावश्यक फ़ाइलों और फ़ोल्डरों को हटा दें।
