Как оптимальнее добавлять информацию на страницу?

Question

[alex-1917]

Функция ajaxFunc - параметризованная на основе XMLHttpRequest, получает требуемый согласно параметра массив с сервера.
Как оптимальнее добавлять с сервера информацию на страницу?
В первом варианте функция createFooter возвращает результат и не более того, мне нравится, но не нравится такая запись: app_box.appendChild(createFooter(items));
Во втором варианте эта функция сама меняет DOM, вроде как не по фен-шую.
Два варианта:

var app_box = document.getElementById('app_box');
ajaxFunc('get_main_page').then(function(items) {
   app_box.appendChild(createHeader(items));
   app_box.appendChild(createMain(items));
   app_box.appendChild(createFooter(items));
});
function createFooter(items) {//createHeader, createMain - однотипные
   var footer = document.createElement('div');
   footer.className = 'footer';
   footer.textContent = items.footer.text;
   return footer;
}

var app_box = document.getElementById('app_box');
ajaxFunc('get_main_page').then(function(items) {
   createHeader(items);
   createMain(items);
   createFooter(items);
});
function createFooter(items) {//createHeader, createMain - однотипные
   var footer = document.createElement('div');
   footer.className = 'footer';
   footer.textContent = items.footer.text;
   app_box.appendChild(footer);
}

Comments

[WapSter]

Без разницы, они можно сказать идентичны.

[Kovalsky]

Это у вас получилась какая-то мануфактура по измерению спичек штангенциркулями. Мне кажется это всё больше для вас самого вопросы - какой хотите видеть вашу архитектуру, такой её и делайте. Фен-шуй это не единственно верный способ делать что-то, фен-шуй это как раз искусство находить способ который лучше всего подходит в данной ситуации для решения конкретной проблемы.

Я бы изначально пользовался шаблонизатором вместо createElement, но если бы мне предоставили выбор между вашими вариантами, то я бы выбрал первый, просто потому что там связности меньше

[alex-1917]

Kovalsky, про феншуй я здесь начитался https://github.com/maksugr/clean-code-javascript#%...

[Kovalsky]

alex-1917, по сути Ryan McDermott пропагандирует ФП, и это хорошо: чем больше концепций из ФП эксплуатирует ваша архитектура, тем проще и понятней она будет для всех включая вас. Чистые функции - залог психического здоровья разработчика