काउंटर ऐप | React में काउंटर ऐप बनाएं
React एक लोकप्रिय जावास्क्रिप्ट लाइब्रेरी है जिसका उपयोग वेब ऐप्लिकेशन्स बनाने के लिए किया जाता है। इस लेख में हम एक सरल काउंटर ऐप बनाने की प्रक्रिया का विवरण करेंगे।
आवश्यकताएं:
- नोड जीएस इंस्टॉल करें
- नोड पैकेज मैनेजर (एनपीएम) का उपयोग करें
- कोड एडिटर की आवश्यकता
काउंटर ऐप बनाने की प्रक्रिया:
1. पहले, नया रिएक्ट एप्लिकेशन बनाएं एडिटर में निम्नलिखित कमांड का उपयोग करके:
“`bash
npx create-react-app counter-app
“`
2. अब, काउंटर कम्पोनेंट बनाएं एडिटर में निम्नलिखित कोड का उपयोग करके:
“`javascript
import React, { useState } from ‘react’;
function Counter() {
const [count, setCount] = useState(0);
return (
काउंटर {count}
);
}
export default Counter;
“`
3. अब, यह काउंटर कम्पोनेंट को एप्लिकेशन में एड्ड करें।
“`javascript
import React from ‘react’;
import Counter from ‘./Counter’;
function App() {
return (
काउंटर ऐप
);
}
export default App;
“`
4. अब, अपने ऐप्लिकेशन को चलाने के लिए निम्नलिखित कमांड का उपयोग करें:
“`bash
npm start
“`
इस प्रक्रिया के बाद, आपका काउंटर ऐप रन होना चाहिए और आप बटन पर क्लिक करके काउंट को बढ़ाने और कम करने का अनुभव कर सकते हैं।
आपके काउंटर ऐप का स्थानांतरण होने पर, आप उसे अपनी वेबसाइट पर भी डिप्लॉय कर सकते हैं।
आशा है कि यह लेख आपके लिए मददगार साबित होगा। धन्यवाद!
