JSFiddle - React, Tailwind, and code Playground

HTML

<hello-world>
 Hello {planet}
</hello-world>

<script src=//unpkg.com/snuggsi></script>
<script>

// 👇 Definition -----------------------------

Element `hello-world`

// 👇 Description ------------------------------

(class extends HTMLElement {

  get planet () // property token
    // "automagic" token binding
    { return 'world 🌎' }

  onclick (e) { // event handler
    // "automagic" event registration
    alert(`You clicked on ${e.target.tagName}`)
  }
})
</script>