Skip to content

Instantly share code, notes, and snippets.

@kayode-adechinan

kayode-adechinan/react_without_webpack.html

Created March 5, 2020 08:19
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save kayode-adechinan/ab4c13384f450cd07e1e30879515bd5c to your computer and use it in GitHub Desktop.
Save kayode-adechinan/ab4c13384f450cd07e1e30879515bd5c to your computer and use it in GitHub Desktop.
Download ZIP
Raw
react_without_webpack.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<div id="root"></div>
<script src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
<script type="text/babel">
class Hello extends React.Component{
render() {
return <p>Hello {this.props.name}</p>;
};
}
ReactDOM.render(
<Hello name='World'/>,
document.getElementById('root'),
);
</script>
</body>
</html>
@kayode-adechinan
Copy link
Author

kayode-adechinan commented Mar 5, 2020 •
edited 

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">  
</head>

<body>
  <div id="root"></div>

  <script src="https://unpkg.com/react@16/umd/react.development.js"></script>
  <script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
  <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>

  <script type="text/babel" src="script.js" ></script>
</body>

</html>

@kayode-adechinan
Copy link
Author 

 class Hello extends React.Component{
        render() {
          return <p>Hello {this.props.name}</p>;
        };
      }

      ReactDOM.render(
        <Hello name='World'/>,
        document.getElementById('root'),
      );

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment