Universal todo component built with custom elements v1 - Lifecycle methods

my-todos.js

class MyTodos extends HTMLElement {
  // called when the HTML parser sees the HTML tag
  constructor () {
    // always call super() first in your constructor to inherit from your parent class
    super();
    this.title = 'My todos';
  }
  
  // called when the element is inserted in the DOM
  // immediately after constructor if the element is in the DOM already
  connectedCallback () {
    this.innerHTML = `<header>${ this.title }</header>`;
  }
}

// register new tag and associate it with the class
customElements.define('my-todos', MyTodos);