Pinned Loading

1. React hook to track changes across r... React hook to track changes across render cycles. One of the most useful utilities for debugging perf or rendering weirdness.

   1

   import { useEffect, useRef } from 'react';

   2

   3

   export type Props = Record<string, any>;

   4

   5

   export default function useWhyDidComponentUpdate(componentName: string, props: Props) {

2. Debug React component rendering with... Debug React component rendering with this JS hook (includes render count logging)

   1

   import { useEffect, useRef } from 'react';

   2

   3

   const PREFIX = '[useComponentDebug]';

   4

   5

   export default function useComponentDebug(componentName, props) {