list-view.jsx

export class SideBar extends HTMLElement {
  static render({ name } = props) {
    return <div>{name}</div>;
  }
}

customElements.define('side-bar', SideBar);

export class ListView extends HTMLElement {
  static render({ items } = props) {
     return items.map(item => <side-bar name={item.name}></side-bar>);
  }
}

customElements.define('list-view', ListView);