Bogdan Ostapchuk

получилось вывести только элементы первого уровня, но не могу понять, как заставить выводиться дочерние элементы

Рекурсия. Если в элементе есть непустой массив children, то делаете рекурсивный вызов функции, передавая ей этот массив.

Можно самостоятельно создавать элементы:

const createNestedList = data =>
  data.reduce((ul, { name, children }) => {
    const li = document.createElement('li');
    const div = document.createElement('div');

    div.textContent = name;
    li.appendChild(div);

    if (children instanceof Array && children.length) {
      li.appendChild(createNestedList(children));
    }

    ul.appendChild(li);

    return ul;
  }, document.createElement('ul'));


document.body.appendChild(createNestedList(data));

Или собрать соответствующую разметку:

const createNestedList = data => `
  <ul>${data.map(n => `
    <li>
      <div>${n.name}</div>
      ${Array.isArray(n.children) && n.children.length ? createNestedList(n.children) : ''}
    </li>`).join('')}
  </ul>`;


document.body.insertAdjacentHTML('beforeend', createNestedList(data));

Во-первых, вы зря торопитесь. Посидите за компьютером лет пятнадцать-двадцать, начнутся проблемы со спиной, невролог вас будет кормить теми же витаминами В-группы в ударных дозах. Наедитесь еще.

Во-вторых, на такие вопросы в интернетах чудовищное количество ответов, в основном оплаченных. Поэтому, когда вам будут настойчиво советовать пить обычный компливит, вспомните, что обычный ундевит от него отличается только ценой - раз в десять, правда... Ну, и найти его в аптеках труднее, особенно на витрине - там как раз красивые коробочки, прославленные телевизором.
А так - попить витамины пару раз в год, для профилактики, никому еще не вредило. Но надеяться, что они дадут вам способности, которых у вас нет - как минимум наивно. Они разве что спасут от депрессии, хронической усталости и прочих состояний, граничащих с нерабочим. Подстегивать чем-то здоровый организм - это брать взаймы у собственного будущего. Очень не советую.

Хотите последнюю стабильную - *@stable. Хотите последнюю нестабильную - *@dev (скорее всего будет ссылаться на последний коммит в master).

Выставляете версию, делаете composer update и ждете... А дальше смотрите появляются ли конфликты.

Возьмите за стандарт цифры Twitter Bootstrap.