What is React context?

React Context is a feature in React that allows you to share data across the component tree without having to pass props down manually at every level. It is designed to solve the problem of "prop drilling," where you pass props through many intermediary components that don’t necessarily need the data themselves, just to get it to a deeply nested component. In practice, React Context lets you create a context object with `React.createContext()`. This object comes with a Provider and a Consumer (or you can use the `useContext` hook in functional components). The Provider component wraps a part of your component tree and supplies a value that can be accessed by any descendant components. This makes it easy to share things like user authentication status, theme settings, or language preferences globally across your app. For example, instead of passing a theme prop through many components, you create a ThemeContext and wrap your app in `ThemeContext.Provider`, then any component can read the current theme using `useContext(ThemeContext)`. This leads to cleaner, more maintainable code and a better separation of concerns. In summary, React Context provides a way to share state globally in a React app, avoiding excessive prop passing and simplifying state management for cross-cutting concerns.