Utilice variables CSS en lugar de contexto de React

Resulta que puedes usar varias bibliotecas diferentes para pasar información de color entre los componentes. O bien, puede utilizar propiedades personalizadas, integradas directamente en CSS, sin disminuir su propia experiencia de desarrollador y brindando una experiencia más rápida a sus usuarios. Kent lo demuestra aquí, con demostraciones.

Para que conste, podría ir un paso más allá de lo que Kent ha hecho aquí y no usar CSS-in-JS en absoluto, pero aún así actualizar las propiedades personalizadas de CSS al hacer clic en los botones en React y administrar el estado allí y demás. Te lo digo, una de las tareas principales de una biblioteca de componentes de UI como React es administrar el estado, y CSS también podría conocer ese estado para que puedas usarlo para realizar cualquier estilo que necesites.

Espera, ¿no usar CSS-in-JS? Kent:

Nunca he sido tan productivo trabajando con CSS como cuando le agregué un lenguaje de programación real.

“Ojo lateral extremo”, Kent.

También deberíamos llamarlo CSS-in-React, ya que React es el único marco importante que no tiene una buena solución para el estilo.