What are 3 advantages of using React hooks?

React hooks are a powerful feature that was introduced in React 16.8. They allow developers to use state and other React features without writing a class component. Here are three advantages of using React hooks:

1. Simplicity: Hooks make it easier to write and read code. They allow developers to use state and other React features without having to write a class component. This makes code more concise and easier to understand. For example, instead of writing a class component with a constructor and a render method, you can use the useState hook to manage state in a functional component.
2. Reusability: Hooks can be reused across multiple components. This makes it easier to share code between components and reduces the amount of code that needs to be written. For example, you can create a custom hook that fetches data from an API and use it in multiple components.
3. Performance: Hooks can improve the performance of React applications. They allow developers to optimize the rendering process by using the useMemo and useCallback hooks. These hooks can memoize values and functions, which can reduce the number of re-renders that occur in a component.

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

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

  useEffect(() => {
    document.title = `You clicked ${count} times`;
  }, [count]);

  return (
    <div>
      <p>You clicked {count} times</p>
      <button onClick={() => setCount(count + 1)}>
        Click me
      </button>
    </div>
  );
}