Scribd Logo
Upload

Welcome to Scribd!

  • 009 React Behind The Scenes Overview

    Uploaded by

    Diego Martin
    17 views3 pages
    When a React app runs, the index.html file loads and looks for the <div> with id="root". The index.js file imports the App component and uses ReactDOM to render it within the root element. The App component returns some JSX that gets rendered to the DOM. This allows React to take over management of the DOM elements within the root div.

    Original Description:

    react springboot introduction behind-the-scenes

    Original Title

    009-react-behind-the-scenes-overview

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    When a React app runs, the index.html file loads and looks for the <div> with id="root". The index.js file imports the App component and uses ReactDOM to render it within the root element. The App component returns some JSX that gets rendered to the DOM. This allows React to take over management of the DOM elements within the root div.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    17 views3 pages

    009 React Behind The Scenes Overview

    Uploaded by

    Diego Martin
    When a React app runs, the index.html file loads and looks for the <div> with id="root". The index.js file imports the App component and uses ReactDOM to render it within the root element. The App component returns some JSX that gets rendered to the DOM. This allows React to take over management of the DOM elements within the root div.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 3

    React - Behind the Scenes

    React

    • When we run the React app ... how is it loaded?

    www.luv2code.com © luv2code LLC


    Loading React App
    File: public/index.html File: src/index.js

    <!doctype html> import App from ‘./App‘;


    <html lang="en">
    ... const root = React.DOM.createRoot(
    <body>
    1 document.getElementById('root')
    )
    <div id=“root”></div>
    <React.StrictMode>
    </body> <App/>
    </html> </React.StrictMode>
    Replaces
    2 this id with React

    (similar to an “include")
    File: src/app.js

    return(
    <p>We made our first React Application! </p>
    )
    3

    www.luv2code.com © luv2code LLC

    You might also like