React

by Vikram Deshmukh

HTML

<div id="app"></div>

CSS

body {
  background: #20262E;
  padding: 20px;
  font-family: Helvetica;
}

#app {
  background: #fff;
  border-radius: 4px;
  padding: 20px;
  transition: all 0.2s;
}

h2 {
  font-weight: bold;
  margin-bottom: 15px;
}

React

const Header = function ({children}) {
	return (<h1>{children}</h1>)
}

const Test = () => (
	<div>
    <Header>Hello World</Header>
    <button>temp</button>
   </div>
  )


ReactDOM.render(<Test />, document.querySelector("#app"))