April 2020
Intermediate to advanced
716 pages
18h 55m
English
Content preview from Full-Stack React Projects - Second Edition
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
Start your free trial
Updating the template to load a bundled script
To add the bundled frontend code in the HTML to render our React frontend, we will update the template.js file so that it adds the script file from the dist folder to the end of the <body> tag.
mern-skeleton/template.js:
...<body> <div id="root"></div> <script type="text/javascript" src="/dist/bundle.js"></script></body>
This script tag will load our React frontend code in the browser when we visit the root URL '/' with the server running. We are ready to see this in action and can start installing the dependencies that will add the React views.