Commit c987938b authored by Markus Mößler's avatar Markus Mößler
Browse files

updated documentation

parent 56b1e9af

documentation/react_frontend_stage_01.md

+65 −3
Original line number Diff line number Diff line
@@ -52,7 +52,27 @@ create-react-app . 
Ignore error response and exit the node container,



```bash

root@842e478c9a52:/app# exit

exit

```



Important are the following files,



* `./react-frontend/my-react-app/package.json`

* `./react-frontend/my-react-app/package-lock.json`



Check the changes,



```bash

git status

On branch react-frontend-stage-01

Your branch is up to date with 'origin/react-frontend-stage-01'.



Changes not staged for commit:

  (use "git add <file>..." to update what will be committed)

  (use "git restore <file>..." to discard changes in working directory)

        modified:   react-frontend/my-react-app/package.json



no changes added to commit (use "git add" and/or "git commit -a")

```



## Step 5) Install web-vitals package
@@ -98,5 +118,47 @@ aidaho-tinkering-club-web-app_tornado-backend_1 python3 blog.py --db_host= ... 


Step 7) Check tornado backend and react frontend



* [Tornado backend](http://localhost:8888)

* [React frontend](http://localhost:3000)
 
 No newline at end of file
 
* [http://localhost:8888](http://localhost:8888)

* [http://localhost:3000](http://localhost:3000)



Step 8) Edit src/App.js and save to reload.



Potentially change ownership of `./react-frontend/my-react-app/` using,



```bash

sudo chown -R username:username ./react-frontend/my-react-app/

```



Change the content of the file `./react-frontend/my-react-app/src/App.js` to,



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

        <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 for the AIDAHO certificate!

        </a>

      </header>

    </div>

  );

}



export default App;

```



Save to reload and chekc the change on



* [http://localhost:3000](http://localhost:3000)
 
 No newline at end of file