const sortedBooks = books.sort((a, b) =>
  a.authorsSort == b.authorsSort
    ? a.date > b.date
    : a.authorsSort > b.authorsSort)

const view = h('div', 
  { className: 'g-Books' }, 
  ...sortedBooks.map(book => h('img', { className: 'g-Book', src: book.cover })))

document.body.appendChild(view)

// Helpers

function h(tagName, attrs, ...children) {
  let elem = document.createElement(tagName)
  elem = Object.assign(elem, attrs)
  for (const child of children) elem.append(child)
  return elem
}