👨‍💻 задача:

вывести количество рендеров в react-компоненте

✅ решение:

import { useRef } from 'react';

export function useRendersCount(): number {
  return ++useRef(0).current;
}

в компоненте:

const Demo = () => {
  const [item, itemChange] = useState(0);
  const rendersCount = useRendersCount();

  return (
    <div>
      <span>Renders count: {rendersCount}</span>
      <br />
      <button onClick={() => itemChange(item + 10)}>re-render</button>
    </div>
  );
};

еще куча полезных хуков: https://github.com/streamich/react-use

#workflow@usyninis_dev