Vue
Last updated
Last updated
Renderless components separates the rendering and state logic that drives the rendering. This pattern is very useful if the rendering need to be UI library agnostic. This also gives maximum flexibility to customize the UI of the component.
An introduction - https://adamwathan.me/renderless-components-in-vuejs/
A language selector component as Headless/Renderless component - Demo: https://csb-2hd7s.netlify.app/ Code: https://codesandbox.io/s/renderless-language-selector-2hd7s