Engrain by ByteRush

RCT.08.03 Mid-level

Headless components, render props and HOCs

Comes up in: React, Low-level design

This concept is being written. It gets the full five steps — explanation, predict, interview angle, practice with tests, and review cards. Here is exactly what it will cover, so you can study it elsewhere in the meantime.

What it covers

  • headless UI (logic + a11y without styles: Radix, React Aria, Headless UI, TanStack Table)
  • render props
  • higher-order components (legacy)
  • hooks replacing both

Words you will know

headless componentrender prophigher-order component

What you will practise

  • headless useCombobox

Interview questions this answers

  • What is a headless component library? Why use one?
  • Render props vs HOCs vs hooks?