Skip to content

Instantly share code, notes, and snippets.

@johnotu

johnotu/index.html

Created May 24, 2019 11:06
Show Gist options
  • Save johnotu/266c7eecccce442bf99b328967f4c1e8 to your computer and use it in GitHub Desktop.
Save johnotu/266c7eecccce442bf99b328967f4c1e8 to your computer and use it in GitHub Desktop.
Download ZIP
Basic HTML page with Bootstrap 4.0 including script tags for React and Babel
Raw
index.html
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="stylesheet" href="index.css" >
<title>Blog</title>
</head>
<body>
<!-- An empty div tag to add content with React -->
<div id="react-content"></div>
<!-- React and ReactDOM script tags -->
<!-- Note: when deploying, replace "development.js" with "production.min.js". -->
<script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin></script>
<!-- Babel to compile JSX -->
<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
<!-- Load our React compnents -->
<script type="text/babel" src="blog-app.js"></script>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment