React Practice

by Ebuka Chibueze

HTML

<!DOCTYPE html>
<html>
<head>
<title>HTML CSS JS</title>
 <script crossorigin src="https://unpkg.com/react@17/umd/react.development.js"></script>
        <script crossorigin src="https://unpkg.com/react-dom@17/umd/react-dom.development.js"></script>
        <script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script> <!---lets us use babel everywhere --->

</head>
<body>
<h1 id="welcome">HTML CSS JS</h1>
<p>Welcome to HTML-CSS-JS.com</p>
<p>Online HTML, CSS and JavaScript editor 
with instant preview.</p>
</body>
</html>

CSS

/* CSS styles */
h1 {
font-family: Impact, sans-serif;
color: #CE5937;
}

React

// JavaScript
//document.getElementById('welcome').innerText += 
" Editors";
ReactDOM.render(<ul><li>thing 1</li>  <li>thing 2 </li>  </ul>,
document.getElementById("welcome"))

// Fiddling with this link:
// https://html-css-js.com/