vbkmr

<template id="fancy-af-button-template">
  <button>
    <slot />
    <!-- placeholder inside a WC to be replaced by markups attached at run-time -->
  </button>
</template>

<fancy-af-button>
  <span>I'm fancy!</span>  <!-- will replace <slot /> -->
</fancy-af-button>

vbkmr

{
  "basics": {
    "name": "Vaibhav Kumar",
    "label": "Web Developer",
    "summary": "I’m a full stack web developer who loves working with open source technology. I work best at planning the architecture of web  applications and their development life cycles. I also love to get the community involved and have had much experience with building and organizing large open source groups. Specialties: React, Redux, Javascript - Full stack developer with lots of experience in lots of stuff.",
    "website": "https://vaibhavkumar.me",
    "email": "vaibhav.iiitj@gmail.com",
    "location": {
      "city": "Tokyo",
      "countryCode": "JP"

vbkmr

>main.js //to be invoked onLoad()
const store_ = new Store();
...

>store.js
constructor(){
 this.state_ = {};
 this.stateSubscriber_ = [];
}