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

फ्रेमवर्क स्थापित करने के लिए आपके कंप्यूटर पर NodeJS 22+ की आवश्यकता होगी। प्रोजेक्ट बनाने के लिए कमांड लाइन में निम्नलिखित कमांड चलाएं:

npm create vite@latest my-app -- --template react

और फिर निम्नलिखित कमांड चलाएं:

cd my-app
npm install
npm run dev

इसके बाद आपके पास my-app नामक एक फोल्डर आ जाएगा, जिसमें फ्रेमवर्क शामिल होगा। इस फोल्डर में src फोल्डर ढूंढें - यह आपका कार्य फोल्डर होगा, जहां आप अपने प्रोजेक्ट का विकास करेंगे।

src फोल्डर में App.js फाइल ढूंढें। आने वाले पाठों में यह फाइल आपकी मुख्य कार्य फाइल होगी। इसमें आप कोड लिखेंगे, और ब्राउज़र की विंडो में इसके परिणाम देखेंगे।

इस फाइल को एडिटर में खोलें और इसमें से सभी अतिरिक्त चीज़ें हटाकर, इसे इस रूप में ले आएं:

import React from 'react';

function App() {
	return <div>
		text
	</div>;
}

export default App;

आपका प्रोजेक्ट स्थापित हो जाने के बाद, अगली बार चलाने के लिए (उदाहरण के लिए, कंप्यूटर रिबूट करने के बाद) आपको टर्मिनल के माध्यम से my-app फोल्डर में जाना होगा और निम्नलिखित कमांड चलानी होगी:

npm run dev