JSFiddle - React, Tailwind, and code Playground

by msfrisbie

JavaScript

class FooElement extends HTMLElement {
  constructor() {
    super();
    
    console.log('ctor');
  }
  
  connectedCallback() {
    console.log('connected')
  }
  
  disconnectedCallback() {
    console.log('disconnected');
  }
}
customElements.define('x-foo', FooElement);

const fooElement = document.createElement('x-foo');
// ctor

document.body.appendChild(fooElement);
// connected

document.body.removeChild(fooElement);
// disconnected