Post

Haz
@haz.dev

I didn't get any credit for the `as` prop back then, which is fair since I didn't invent it. I borrowed it from a library called Semantic UI. But I'd be sad if the same thing happened with the `render⁠=⁠{⁠<⁠Comp⁠ ⁠/⁠>⁠}⁠` API. I invested a lot of time in that.

Haz
@haz.dev

I mean, there's no need to mention me all the time or anything. Just don't let history be forgotten 🥲

Colm Tuite
@colmtuite.bsky.social

I have a draft blog about all the component replacement APIs we considered for Base UI and why we settled on render prop. Will give credit to the people who came up with those APIs in the post. Will post it after xmas.

siddharth ☻
@sid.st

related, i remember learning about the "as" from rebass around 2017 or 2018 but I see now that semantic ui had the initial version in 2016 random trivia: they called it "augmentation", before "composition" was cool, they later renamed it 😅 github.com/Semantic-Org...

github.comBreaking Changes: Add component augmentation by levithomason · Pull Request #414 · Semantic-Org/Semantic-UI-ReactFixes #403. This PR will add component augmentation. Add augmentation to docs intro page Add Dropdown as Button augmentation example related but beyond the scope of this PR Investigate solving...
siddharth ☻
@sid.st

i love learning about API history, would love to read how you came up with render={<Comp/>} and what were your inspirations then

Haz
@haz.dev

Yeah, Semantic UI was the first component library I saw that used this prop as a core API for all its components. I created ReAs (React As) as an experiment around this (github.com/diegohaz/reas). This project eventually became Ariakit.