4 ms·

I looked at vercel.com and reddit.com - just React, no customElements. Then at nytimes.com I found React and this: Yp = function(a, b) { var c = w

I looked at vercel.com and reddit.com - just React, no customElements. Then at nytimes.com I found React and this: Yp = function(a, b) { var c = window; var d = void 0 === d ? wb : d; var e; if (c.customElements && null != (e = c.Reflect) && e.construct && !c.customElements.get("google-product-ad")) { Real elegant. After that I checked ask.metafilter.com and saw it has neither.

MBCook 3y ago
Figures. After seeing those numbers I couldn’t imagine custom components being more popular, so I figured it must be some popular library that people are using that uses them underneath. Of course it’s ad-tech.
- benatkin 3y ago
  I use and like Web Components. But yeah this ratio doesn't bear out in articles and conversations with devs. Edit: github.com has matches for both "react\b" and "customElements", and I expected that because I've read about Web Components on their blog.
  - MBCook 3y ago
    I see people talk about React, Vue, and jQuery all the time. I occasionally see people talk about straight JS with no libs or Svelte. I may be able to recognize other framework names. I literally can’t remember the last time I saw a mention of web components online, let alone an article about them. Which is one of the reasons I was so interested to read this one.
    - benatkin 3y ago
      For starters, see the GitHub blog posts. https://github.blog/2021-05-04-how-we-use-web-components-at-github/ https://github.blog/2021-05-04-how-we-use-web-components-at-... https://github.blog/2022-12-13-creating-an-accessible-search-experience-with-the-querybuilder-component/ https://github.blog/2022-12-13-creating-an-accessible-search... https://github.blog/2018-09-06-removing-jquery-from-github-frontend/ https://github.blog/2018-09-06-removing-jquery-from-github-f... > straight JS with no libs or Svelte Web Components is starting to fit under this.
      - troupo 3y ago
        > Web Components is starting to fit under this. Nope. Vanishingly few people write web components without libs like lit or Stencil.
        benatkin 3y ago
        GitHub is one: https://github.com/github/details-dialog-element https://github.com/github/details-dialog-element There should be others here: https://github.com/web-padawan/awesome-web-components#component-libraries https://github.com/web-padawan/awesome-web-components#compon...
        troupo 3y ago
        You can find those lists for any tech, including Brainfuck and Malboge. But then some time passes, and they end up implementing things like new search and code view in React: https://github.blog/2023-06-21-crafting-a-better-faster-code-view/ https://github.blog/2023-06-21-crafting-a-better-faster-code... :) Even the most loud voices in the web component space almost exclusively advocate lit and stencil for development. Hence "vanishingly few"
    - scns 3y ago
      > I literally can’t remember the last time I saw a mention of web components online, let alone an article about them. My anecdata differs. There were several articles about them on HN in the last 6 weeks.
pax_americana 3y ago
Reddit is actually undergoing a rewrite for their web frontend, which now heavily uses web components using lit. You can try it by accessing sh.reddit.com or using reddit without logging in.
- kevincox 3y ago
  Wow, this is actually way faster than new.reddit.com. I may try it out over old.reddit.com. There is obviously a difference in that it emphasizes media content with large cards instead of the more dense old.reddit.com but that is preferable for some content. I'll have to see how it feels with more use. The only major problem I noticed is that the "comments" button wasn't a link so you couldn't open it in a new tab. I don't know why web devs hate real links. They think the only think you can do with a link is click it to open the target page.
- troupo 3y ago
  Reddit is a company that seems to be chasing trends not understanding what they are. I fully expect their site to become the same mess as their previous React re-write. I mean, it already is. There are people arguing that 2 seconds to load text and images is fast, actually: https://twitter.com/addyosmani/status/1678117107597471745 https://twitter.com/addyosmani/status/1678117107597471745 ("Engineering Leader, Google Chrome"). And they already load 109 JS files to display it.

MBCook 3y ago

Figures. After seeing those numbers I couldn’t imagine custom components being more popular, so I figured it must be some popular library that people are using that uses them underneath. Of course it’s ad-tech.

benatkin 3y ago
I use and like Web Components. But yeah this ratio doesn't bear out in articles and conversations with devs. Edit: github.com has matches for both "react\b" and "customElements", and I expected that because I've read about Web Components on their blog.
- MBCook 3y ago
  I see people talk about React, Vue, and jQuery all the time. I occasionally see people talk about straight JS with no libs or Svelte. I may be able to recognize other framework names. I literally can’t remember the last time I saw a mention of web components online, let alone an article about them. Which is one of the reasons I was so interested to read this one.
  - benatkin 3y ago
    For starters, see the GitHub blog posts. https://github.blog/2021-05-04-how-we-use-web-components-at-github/ https://github.blog/2021-05-04-how-we-use-web-components-at-... https://github.blog/2022-12-13-creating-an-accessible-search-experience-with-the-querybuilder-component/ https://github.blog/2022-12-13-creating-an-accessible-search... https://github.blog/2018-09-06-removing-jquery-from-github-frontend/ https://github.blog/2018-09-06-removing-jquery-from-github-f... > straight JS with no libs or Svelte Web Components is starting to fit under this.
    - troupo 3y ago
      > Web Components is starting to fit under this. Nope. Vanishingly few people write web components without libs like lit or Stencil.
      - benatkin 3y ago
        GitHub is one: https://github.com/github/details-dialog-element https://github.com/github/details-dialog-element There should be others here: https://github.com/web-padawan/awesome-web-components#component-libraries https://github.com/web-padawan/awesome-web-components#compon...
        troupo 3y ago
        You can find those lists for any tech, including Brainfuck and Malboge. But then some time passes, and they end up implementing things like new search and code view in React: https://github.blog/2023-06-21-crafting-a-better-faster-code-view/ https://github.blog/2023-06-21-crafting-a-better-faster-code... :) Even the most loud voices in the web component space almost exclusively advocate lit and stencil for development. Hence "vanishingly few"
  - scns 3y ago
    > I literally can’t remember the last time I saw a mention of web components online, let alone an article about them. My anecdata differs. There were several articles about them on HN in the last 6 weeks.

pax_americana 3y ago

Reddit is actually undergoing a rewrite for their web frontend, which now heavily uses web components using lit. You can try it by accessing sh.reddit.com or using reddit without logging in.

kevincox 3y ago
Wow, this is actually way faster than new.reddit.com. I may try it out over old.reddit.com. There is obviously a difference in that it emphasizes media content with large cards instead of the more dense old.reddit.com but that is preferable for some content. I'll have to see how it feels with more use. The only major problem I noticed is that the "comments" button wasn't a link so you couldn't open it in a new tab. I don't know why web devs hate real links. They think the only think you can do with a link is click it to open the target page.
troupo 3y ago
Reddit is a company that seems to be chasing trends not understanding what they are. I fully expect their site to become the same mess as their previous React re-write. I mean, it already is. There are people arguing that 2 seconds to load text and images is fast, actually: https://twitter.com/addyosmani/status/1678117107597471745 https://twitter.com/addyosmani/status/1678117107597471745 ("Engineering Leader, Google Chrome"). And they already load 109 JS files to display it.