React 0.12 renders to Web Components

In plain words

React 0.12 enables rendering to Web Components and Polymer components. This developer tool allows React applications to output to custom elements built with Web Components technologies. The implementation demonstrates React's compatibility with standard web component architecture, making React-generated elements interoperable with Polymer-based components and other Web Component implementations without requiring additional frameworks or modifications.

written from the facts on this page · September 2026

From the sources

See this webpage here http://htmlpreview.github.io/?https://gist.githubusercontent.com/OlavHN/ff73b104bb25e5e08a51/raw/dc6075bae1595b561e6b1c35c3da72d808f92f20/gistfile1.html @OlavHN That's actually not a big deal. Elements created with Polymer are also just elements. Elements created with Web Components technologies without Polymer would work as well, because they are also just elements. That's the whole idea behind Web Components. If that wouldn't work, we did something wrong. However, what would be interesting is seeing React being able creating Web Components on it's own. It's nice to see when React renders components. I don't think this is really a big deal since the time will come and…from gist.github.com

• 
  HTML to React2024 · ▲572

  Turn a design from any website into your own

• MW
  Mixing WebGL and HTML, Both Rendered Out in React2019 · subdued-health.surge.sh · ▲129
• 
  Convert any website into a React component2024 · chromewebstore.google.com · ▲326

  Hey HN, we built a Chrome Extension (https://www.magicpatterns.com/extension) that converts a snippet of any website to an isolated React component. Demo video: https://youtu.be/hutUYDkyE_A How it works: 1) Iterate through each node in the selected DOM tree, 2) For each element, find any matching CSS selectors / inline styles, 3) Use window.getComputedStyle to get the deterministic values, 4) Construct JSX It was pretty hard producing the minimal code necessary while maintaining the same visual look. To do this, we implemented things like abstracting out…

• 
  react.dev2023 · react.dev · ▲543

  The new home for React and its documentation

• CR
  Copy React code from any site2022 · sample-code.aspect.app · ▲374

  I made this because building React components from scratch is super annoying. Most visual elements already exist on the web, and I figured there should be a way to leverage that. I hope it's useful!

• PR
  Paste React components into any website2022 · smarketman.com · ▲71

• 
  /dev/null▲472

  a social network for devs

  Dev tools · 2d ago · dev-null.sh

• 
  Whiteboard (YC W26) – an open-source IDE for thoughtful software design▲423

  open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

  Dev tools · 27d ago · github.com

• 
  Reladraw – A diagram language where you decide where to place things▲411

  Contribute to reladraw/reladraw development by creating an account on GitHub.

  Dev tools · 25d ago · github.com

• 
  OpenBot▲362

  Grok Bot alternative: free, local, open-source, multiplayer

  Dev tools · 22d ago · openbot.run

• 
  Talanoa▲340

  Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

  Dev tools · 20d ago · talanoa.email

• 
  CoreSpeed▲332

  One MCP for everything your agents need: apps, memory, tools

  Dev tools · 27d ago · corespeed.io

• 
  Hooked▲836

  A book on how to build habit-forming products

  Life & fun · 2014 · amazon.com

• 
  Bartender▲616

  Organize and hide menu bar items on your Mac

  Life & fun · 2014 · macbartender.com

• 
  Startup Threads▲519

  Ship custom shirts to fans & leads without holding inventory

  Life & fun · 2014 · game-corner.actionflash.com

• 
  Echo by Amazon▲480

  A hands-free speaker you control with your voice

  AI · 2014 · amazon.com

• 
  Withoomph▲456

  Free, beautifully designed logos instantly

  Work · 2014 · canva.com

• MM
  Meet me, I'll buy you coffee▲427

  Life & fun · 2014 · letstalkover.coffee