React Hooks in a Nutshell

• useState: Hold/update values + re-render.

• useRef: Hold values, no re-render.

• useEffect: Execute side effects after render.

• useReducer: useState with reducers.

• useMemo: Cache values between renders.

• useCallback: Retain function identities.

source