Context y useContext

Parte del curso de React

Tu aplicación tiene un interruptor de modo oscuro. El interruptor vive en el panel de ajustes, pero quien necesita saber su valor es un botón que está ocho componentes más abajo, dentro de una tabla, dentro de una tarjeta, dentro de una página. Para llevar el valor de uno al otro con props, absolutamente todos los componentes intermedios tienen que aceptar una prop theme que no usan y pasarla tal cual.

React tiene una vía de escape oficial para esto, y se llama contexto: un valor publicado en un punto del árbol de componentes que cualquier componente de debajo puede leer directamente, por profundo que esté, sin que nadie por el camino tenga que pasarlo. La imagen que encaja es la de una emisión de radio. Una emisora transmite en una frecuencia y cualquier receptor dentro del alcance sintoniza directamente.