先生、こんにちは。
const slides = ul.childrenについてですが、const slides = document.querySelectorAll('li');としても同じように動いている気がします。

(1) この二つの文は同じ意味でしょうか？
(2) もし同じならどのように使い分けたらよいでしょうか？

{
  const next = document.getElementById('next');
  const ul = document.querySelector('ul');
  const slides = document.querySelectorAll('li');
  // const slides = ul.children;

  next.addEventListener('click', () => {
    const slideWidth = slides[0].getBoundingClientRect().width;
    ul.style.transform = `translateX(${-1 * slideWidth}px)`;
  });
}