<html>  
    <head>  
        <title>React's React</title>          
        <!-- Load React. -->  
        <!-- Note: when deploying, replace "development.js" with "production.min.js". -->  
        <script src="https://unpkg.com/react@17/umd/react.development.js" crossorigin></script>  
        <script src="https://unpkg.com/react-dom@17/umd/react-dom.development.js" crossorigin></script>  
        </head>  
        <body>  
        <div id="root"></div>      
       <!-- This is embedded JavaScript. You can even place this in separate .js file -->  
       <script>              
            window.onload = function()  
            {        
                class HelloClass extends React.Component   
                {  
                    render()   
                    {  
                        return React.createElement('div', null, 'React without npm..');  
                    }  
                }  
                ReactDOM.render(  
                    React.createElement(HelloClass, null, null),  
                    document.getElementById('root')  
                );  
            };          
        </script>  
    </body>  
</html>

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.