If you want to modify the React js Application after installation then just go to myfirstreact
after that go to src folder and just open the App.js file and modify that
myfirstreact>src>App.js
The default React Application code will look like
import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';
class App extends Component {
render() {
return (
<div className="App">
<header className="App-header">
<img src={logo} className="App-logo" alt="logo" />
<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;
If you just want Hello World for React application then just remove the tag from the render return like
import React, { Component } from 'react';
class App extends Component {
render() {
return (
<div className="App">
<h1>Hello World</h1>
</div>
);
}
}
export default App;
Now your modification in React Application will appear after saving without having to reload in the browser
Now your First Hello World React js application is ready