JAVASCRIPT

useEffect : react to manipulate the DOM

import { useEffect } from 'react';

function App() {

  console.log('The value of document is:', document);

  useEffect(() => {
    console.log('I'm in useEffect!');
    document.getElementById('title').textContent = 'Not a Violin Practice Log';
  }, []);


  return (
    <div>
      <h1 id="title">Violin Practice Log</h1>
    </div>
  );
}