सर्वर दुनिया | गोपनीयता नीति | सहायता / संपर्क करें |
5856 / 118084386
|
React : स्थापित करें2024/05/31 |
React इंस्टॉल करें जो यूजर इंटरफेस बनाने के लिए JavaScript लाइब्रेरी है। |
|
[1] | |
[2] | एक सामान्य उपयोगकर्ता के साथ एक परीक्षण React एप्लिकेशन बनाएं। |
ubuntu@dlp:~$
node -v v18.19.1 # React एप्लिकेशन बनाएं [परीक्षण-ऐप] ubuntu@dlp:~/testproject$ npx create-react-app test-app
Need to install the following packages:
create-react-app@5.0.1
Ok to proceed? (y) y
.....
.....
Success! Created test-app at /home/ubuntu/testproject/test-app
Inside that directory, you can run several commands:
npm start
Starts the development server.
npm run build
Bundles the app into static files for production.
npm test
Starts the test runner.
npm run eject
Removes this tool and copies build dependencies, configuration files
and scripts into the app directory. If you do this, you can’t go back!
We suggest that you begin by typing:
cd test-app
npm start
Happy hacking!
ubuntu@dlp:~/testproject$ cd test-app ubuntu@dlp:~/testproject/test-app$ npm start > test-app@0.1.0 start > react-scripts start Compiled successfully! You can now view test-app in the browser. Local: http://localhost:3000 On Your Network: http://10.0.0.30:3000 Note that the development build is not optimized. To create a production build, use npm run build. webpack compiled successfully |
किसी भी क्लाइंट कंप्यूटर से ऊपर कंसोल पर दिखाए गए यूआरएल तक पहुंच, और फिर यदि निम्नलिखित ऐप दिखाया जाता है तो यह ठीक है। |
![]() |
[3] | परीक्षण-ऐप संपादित करें और [Hello World] टेक्स्ट डालें। |
ubuntu@dlp:~$
vi ~/testproject/test-app/src/App.js # पाठ जोड़ें
import logo from './logo.svg';
import './App.css';
function App() {
return (
<div className="App">
<header className="App-header">
<img src={logo} className="App-logo" alt="logo" />
<h1>
Hello React World!
</h1>
<p>
Edit <code>src/App.js</code> and save to reload.
</p>
<a
className="App-link"
href="https://reactjs.org"
target="_blank"
rel="noopener noreferrer"
>
Learn React
</a>
</header>
</div>
);
}
export default App;
ubuntu@dlp:~$ cd ~/testproject/test-app ubuntu@dlp:~/testproject/test-app$ npm start |
![]() |
Sponsored Link |