React in 20 minutes

Developers new to react can take these steps to get started.

Prerequisites

• Install Visual Studio Code (VSC)
• Install Node

Get Going

• Create a folder named "source"
• Open VSC to that folder.
• In VSC click on Terminal then New Terminal
• Type this in the new terminal to install react:

npm i react

• Create a react project, from the terminal.

 npx create-react-app my-app

This command says "from the node_modules folder (npx), call the command 'create-react-app' and name the project my-app.

• In VSC type in File/Open Folder and select the folder my-app.

The project should look like this:

• Start the application:

npm run start

That's it, Congratulations! for installing and seeing your first react application.

This is what the App.js file contains:

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" />
        <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;

JWP2021 React