> For the complete documentation index, see [llms.txt](https://bharat-tiwari.gitbook.io/our-tech-journal/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://bharat-tiwari.gitbook.io/our-tech-journal/react/react-context.md).

# React Context

React Context (*in React 16+ versions*) allows you to pass some data down the component tree without having to pass it via `props` from parent to child to further down the component tree.

1. Create the context in a component from where you want data to be passed on down the component tree using `React.createContext` which returns an object with `Provider` and `Consumer` components
2. to the `Provider` component a prop named `value` needs to be provided that can have any value, it could be a string or a number or can be some complex object
3. In the children component, this value can be accessed a parameter to a function wrapped inside the `Consumer` component.