React Hooks Cheat Sheet/useContext basic usage

Read the nearest context value.

Section: Context and Ref Hooks

useContext basic usage

tsx
tsx
const theme = useContext(ThemeContext);
Explanation

Use context to avoid repetitive prop drilling for shared values like theme, auth, locale, or configuration.

Learn the surrounding workflow

Compare similar commands or jump into common fixes when this command is part of a bigger troubleshooting path.

Related commands

Same sheet · prioritizing Context and Ref Hooks
useRef DOM reference
Reference a DOM node.
OpenIn sheettsxsame section
useRef mutable container
Persist mutable values between renders without re-rendering.
OpenIn sheettsxsame section
useImperativeHandle custom ref API
Expose a controlled imperative API to a parent ref.
OpenIn sheettsxsame section
useId for stable accessible IDs
Generate stable IDs for labels and ARIA relationships.
OpenIn sheettsxsame section
useDebugValue in a custom hook
Label a custom hook in React DevTools.
OpenIn sheettsxsame section
useState basic state
Create local component state.
OpenIn sheettsx2 tag match