hooks.jsx

import React, { useEffect, useState } from 'react';

export const EffectHook = () => {
  const [count, setCount] = useState(0);

  useEffect(() => {
    document.title = `You clicked ${count} times`;
    console.log(`useEffect ${count}`);
  });

  return <button onClick={() => setCount(count + 1)}>Effect Hook {count}</button>;
};

export const StateHook = () => {
  const [count, setCount] = useState(0);

  return <button onClick={() => setCount(count + 1)}>State Hook {count}</button>;
};