いつも楽しく学習しています。
currentIndex = 0 のとき（ a が表示されている状態）に、 next ボタンを押すと currentIndex++ により currentIndex ＝ 1 となり ul が左に画像一枚分移動（ b が表示される状態）になることはよく理解できます。
続いて next ボタンを押すとcurrentIndex ＝ 2 となることで `translateX(${-1 * slideWidth * 2}px)`;となり ul が左に画像 2 枚分移動しませんか。よって c を飛び越えて白紙が表示されると思いました。
今後はこの状態から prev ボタンを押すと currentIndex-- より currentIndex＝1 となることで `translateX(${-1 * slideWidth * 1}px)`; となって右に移動するどころか更に左へ画面 1 枚分移動すると思いました。
もし、let currentIndex ＝ 0 が addEventListner のブロック内にあれば click の度に currentIndex が初期化するのでレッスンの挙動も理解できるのですが。
詳しく教えて頂けませんでしょうか。
よろしくお願い致します。