const fragment = document.createDocumentFragment() //substituindo div por um document fragment
const ul = document.createElement('ul')
const frameworks = ['Angular', 'React', 'Vue', 'Novo Framework']

frameworks.forEach(function(frameworks){
  const li = document.createElement('li')
  li.textContent = frameworks
  fragment.appendChild(li)
})

document.body.appendChild(fragment) // refluxo e redesenho somente uma vez

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.