layout.js

@component()
export default class Layout {
  render() {
    return div {
       this.title(),
       this.content()
    };
  }
}

users-list.js

import Layout from './layout';

function userItem(name, avatar) {
  return .item {
    img.avatar[src=avatar]
    a.info name
  };
}

@component()
export default class UserList extends Layout {
  constructor(users) {
    this.users = users;
  }
  
  title() {
    return title `Users (${this.users.length})`;
  }
  
  content() {
    return .menu {
       this.users.map(user => {
         return userItem(user.name, user.avatar);
       });
    }
  }
}