React setup : foundation file

creating one HTML file to rule them all

Once we let those dependencies install, we can create a new folder called public, in which we can place our foundational index.html file:

<!-- reactjon/public/index.html -->

<!DOCTYPE html>
<html lang="en">

    <head>
    
    	<meta charset="utf-8">
    	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    	<title>React App</title>
    
    </head>
    
    <body>
    	
        <noscript>
    		y u no use javascript? 
        </noscript>
    	
        <div id="root"></div>
    	
    </body>

</html>

Briefly, this minimal HTML file consists of:

the <head> tag for technical meta data
- character set
- browser sizing
- <title> bar text
the <body> tag which has
- <noscript> warning because React apps require JavaScript (which everyone should have enabled on their browsers)
- <div id="root"></div> the most important part here, where the React app lives!

PreviousReact setup : installing dependencies NextReact setup : index.js

Last updated 2 months ago