Smooth Transition

Slider.js

const smoothTransition = () => {
  let _slides = []

  // We're at the last slide.
  if (activeSlide === slides.length - 1)
    _slides = [slides[slides.length - 2], lastSlide, firstSlide]
  // We're back at the first slide. Just reset to how it was on initial render
  else if (activeSlide === 0) _slides = [lastSlide, firstSlide, secondSlide]
  // Create an array of the previous last slide, and the next two slides that follow it.
  else _slides = slides.slice(activeSlide - 1, activeSlide + 2)

  setState({
    ...state,
    _slides,
    transition: 0,
    translate: getWidth()
  })
}