I would love it if someone could explain why they’re avoid native browser features but use third-party code.

I can’t speak for the industry, but I have a guess. Third-party code (like the referenced Bootstrap and React) have a history of smoothing over significant cross-browser issues and providing better-than-browser ergonomic APIs. jQuery was created to smooth over cross-browser JavaScript problems. That’s trust.

Web components do have pretty good browser support, but there are some pretty rough edges. Say you want to make a component for your text inputs, text areas, radio groups, checkboxes, etc. Ya know, like every design system in the world. Well, if you want those components to participate on a <form>, well, you’d hope they would submit their data to said form. But they don’t unless you do a little dance with attachInternals, which Safari doesn’t support. That doesn’t build trust.


I work on CodePen! I'd highly suggest you have a PRO account on CodePen, as it buys you private Pens, media uploads, realtime collaboration, and more.

Get CodePen Pro
Back to Top ⬆️