React — create-react-app

Photo by Kelly Sikkema on Unsplash

Components in a project

1. `index.html` is loaded when accessed

2. When `index.html` is loaded, `index.js` is loaded and executed.

3. app component is loaded and displayed in `index.js`.

Files related to what is displayed on the screen

public folder

index.html
This is the HTML file that is displayed when accessing the site. This is the HTML file that is displayed when you access the site. In this file, the basic elements related to the screen display are summarized.

src folder

index.js
A script that serves as the paste for the application

index.css
Style sheet used in index.js

App.js
Component that is embedded in index and is actually displayed on the screen

App.css
Style sheet for App component

index.html

`<noscript>` is what is displayed when the environment does not allow JavaScript to work.

`<div id=”root”></div>` is a tag to incorporate React’s display