Vanilla-todo: A case study on viable techniques for vanilla web development

Re:Vanilla-todo: A case study on viable techniques for vanil... by armandososa on Tuesday October 27, 2020 @12:39PM (#24909115)

This is odd (public/scripts/TodoList.js):

    el.innerHTML = [
    '<div class="items"></div>',
    '<div class="todo-item-input"></div>',
  ].join('\n');

I wonder why aren't they using `DOM.createElement` instead of innerHTML since they will query for those nodes later anyway.

[ Parent | on HN ]

Re:Vanilla-todo: A case study on viable techniques for vanil... by morrvs on Tuesday October 27, 2020 @01:37PM (#24909781)

I've tried but I (surprisingly) found the string array to be the most readable way to do it without helpers. It's also easily replaced by ES6 templates when upgrading.

[ Parent | on HN ]

Re:Vanilla-todo: A case study on viable techniques for vanil... by masswerk on Tuesday October 27, 2020 @04:08PM (#24911255)

Counterintuitive fun fact: `HTMLElement.innerHTML = "string"` tends to be faster than `document.createElement()`.

[ Parent | on HN ]