React js application modification after installation ?

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

Leave a Comment