(алгоритм Евклида, вроде бы, есть для этого)

я обычно как-то так - разбиваю исходный массив на рутовые элементы и хэш-дочерних и в рекурсию

var flat = [
   {id: 1, parentId: null},
   {id: 2, parentId: null},
   {id: 3, parentId: 1},
   {id: 4, parentId: 1},
   {id: 5, parentId: null},
   {id: 6, parentId: 3},
   {id: 7, parentId: 5}
];


function trace(el) {
   if (items.childsByPid[el.id]) {
       el.childList = items.childsByPid[el.id];

       trace(items.childsByPid[el.id]);
   }

   return el;
}

var items = flat.reduce((acc, item) => {

 if (!item.parentId) {
   acc.roots.push({ ...item, childList: []})
 } else {
   acc.childsByPid[item.parentId] = acc.childsByPid[item.parentId] || [];

   acc.childsByPid[item.parentId].push({ ...item, childList: []})
 }
 
 return acc;


}, { roots: [], childsByPid: {} });



items.roots.reduce((acc, item) => {
 return (acc.push(trace(item)), acc)
}, []);

Там все в этой главе)

Если огроменный массив можно с прерываниями через setTimeout сделать чтобы не повис интерфейс совсем

лучше в воркер вынести тогда

Есть тут знатоки webpack? в кониг файле есть несколько entry name. Как из консоли запустить сборку конкретного entry по имени ?

За такой код можно получить по почкам или нет?🧐

ну подзатыльник можно получить)

Я правильно понимаю что тут два вот этих здоровых блока стоит вынести в отдельные компоненты?)

тут смешалось в кучу работа со стилми, рендер строк и пустой таблицы

и инлайн стилизация обычно так себе идея

стилми?

а

стили

да, сорян

стили в отдельном файле все кучкой лежат, здесь только в некоторых местах прописаны

я про использование классов вместо инлайн

class='empty' и в этом классе вся стилизация. пустой таблицы .empty { align: center }

За такой код можно не получить зп)

окей, стили ясно, а строки и пустая таблица что?