Headless Component: a pattern for composing React UIs
As React UI controls become more sophisticated, complex logic can get intertwined with the visual representation. This makes it hard to reason about the behavior of the component, hard to test it, and necessary to build similar components that need a different look. A Headless Component extracts all non-visual logic and state management, separating the brain of a component from its looks.
This article was originally published on MartinFowler.com, you can read the article in this link https://martinfowler.com/articles/headless-component.html