WebHero. React. Less 4. First app

by fristyr

HTML

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  <div id="application"></div>
  <div id="application2"></div>
  
  <script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script>

<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
</body>
</html>

CSS

button {
  border: 2px solid black;
  border-radius: 15px;
  background: transparent;
  padding: 10px 15px;
  margin: 15px;
}

JavaScript

const root = document.getElementById('application')
const root2 = document.getElementById('application2')

const iAmSuperButt = React.createElement('button' , null, 'Who am I? Button!')
const noIamSuperButt = React.createElement('button' , null, 'Hey! I am better butt then you!')

ReactDOM.render(iAmSuperButt , root)
ReactDOM.render(noIamSuperButt , root2)