react hooks

useRef

Sometimes I saw that someone use useRef in situations I would use 'useState'.

const blocking = React.useRef(false);

const onScroll = () => {
      if (!blocking.current) {
        blocking.current = true;
        ...
      }
    };

One of the main difference is that changing the value of a ref don't trigger a re-rendering.

• useRef api reference
• useState api reference

custom hooks

Robin Wieruch write create articles to create and usage of custom hooks.

• React: How to create a Custom Hook
• React Hook: Check if Overflow
• React Hook: useLocalStorage

state and context

• How to useContext in React
• Zustand: react light global state management alternative to redux