Та погугли какой угодно источник, ну е-мое)
Какой тут нужен "хороший" источник? Да хот Википедию почитать можно, "как работает" - это же не про навыки, это просто информация справочная, что найдешь - то и читай

Добрый вечер, может кто подскажет, я сделал цикличный слайдер но при переходе от последнего к первому слайду он движется в другую сторону и перелистывает все от 3 до 1 на видео будет видно. Я думал что map поможет в этом, но это ничего не дало, есть у кого-то идеи?

export default function Slider () {
 const sliderArr = [
  <img
   src={SlideImg1} alt="slider"
   key={SlideImg1} style={{height: "100%"}}
  />,
  <img
   src={SlideImg2} alt="slider2"
   key={SlideImg2} style={{height: "100%"}}
  />,
  <img
   src={SlideImg3} alt="slider3"
   key={SlideImg3} style={{height: "100%"}}
  />
 ]
 const [x, setX] = useState(0)
 useEffect(() => {
  const id = setInterval(() => {
   if (x === -200) {
    setX(0)
   } else {
    setX(x => x - 100)
   }
  }, 4000)
  return () => clearInterval(id)
 }, [x])

 return (
  <div className="custom-slider">
   {
    sliderArr.map((item, index) => {
     return (
      <div
       key={index}
       className="custom-slide"
       style={{transform: `translateX(${x}%)`}}
      >
       {item}
      </div>
     )
    })
   }
  </div>
 )
}

Да, постараюсь объяснить, он пролистывается в начало, а я хочу чтобы он продолжал крутиться в том же направлении как infinite

ну дык в твоей реализации это невозможно, советую лучше погуглить как infinite слайдеры делаются

Уже пробовал, но ничего хорошего)Буду еще искать

Та погугли какой угодно источник, ну е-мое)
Какой тут нужен "хороший" источник? Да хот Википедию почитать можно, "как работает" - это же не про навыки, это просто информация справочная, что найдешь - то и читай

Еще один вопрос в честь моей неопытности, это будет нормально если у меня все компоненты функциональные а парочку будет класс компонентов или лучше все делать функциональными?

Ну я хотел какое-то целостное пособие по хостингу, апишкам, как это все устроено, более глубое пояснение, а не просто "вот гугл делает запрос", а как он это делает не пишут.

Ну я хотел какое-то целостное пособие по хостингу, апишкам, как это все устроено, более глубое пояснение, а не просто "вот гугл делает запрос", а как он это делает не пишут.

Ну я хотел какое-то целостное пособие по хостингу, апишкам, как это все устроено, более глубое пояснение, а не просто "вот гугл делает запрос", а как он это делает не пишут.

Ну я хотел какое-то целостное пособие по хостингу, апишкам, как это все устроено, более глубое пояснение, а не просто "вот гугл делает запрос", а как он это делает не пишут.

Рофл, часто учишь по википедии?)

Только так и учусь. А что, можно по другому?