<div id="app"></div>
function App (){
  const [count, setCount] = React.useState(0);

  React.useEffect(() => {
    console.log('render');
  })
  
  return (
    <div>
      <button type="button" onClick={() => setCount(count + 1)}>
        Count is: { count }
      </button>
    </div>
  )
}

const app = document.querySelector('#app');
const root = ReactDOM.createRoot(app);
root.render(<App />);
View Compiled

External CSS

  1. https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css

External JavaScript

  1. https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js
  2. https://unpkg.com/react@18/umd/react.development.js
  3. https://unpkg.com/react-dom@18/umd/react-dom.development.js