React demo

index.html

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

React_demo.md

React demo

A project created by Hatem Hosny on LiveCodes.

script.jsx

import React, { useState } from "react";
import ReactDOM from "react-dom";

function App(props) {
  const [count, setCount] = useState(0);

  return (
    <div class="container">
      <h1>Hello, {props.name}!</h1>
      <img src="https://livecodes.io/livecodes/assets/templates/react.svg" className="logo" />
      <p>You clicked {count} times.</p>
      <button onClick={() => setCount(count + 1)}>Click me</button>
    </div>
  );
}
ReactDOM.render(<App name="React" />, document.querySelector("#app"));

style.css

.container,
.container button {
  text-align: center;
  font: 1em sans-serif;
}
.logo {
  width: 150px;
}