мій код повністю робочий
тому що я з самого початку думав, що компонент буде ремаунтитись (на новому рауті), а не просто приходити йому нові пропси
з новими пропсами “трюк” з key – це звична практика.

значить ще не поняв, нічого, ще поймеш)

опять же токсик ну и ладно

я не тролю тебе, а кажу, що рано чи пізно з досвідом ти зрозумієш, що це погана ідея

const state = {
  // або так
  products: [
    { id: 1, mainImage: ‘https://…', selectedIndex },
  ],

  // або так
  products: {
    1: { id: 1, mainImage: ‘https://…', selectedIndex }
  }
}

Я все читал. Ты в обоих случаях пихаешь selectedIndex в объект продукта. Я писал выше, что selectedIndex рядом нужно держать. И про то, что нужно его сбрасывать тоже писал

але я ж відписував не тобі, а @dadayada

Меня философия не интересует. И костылей с реактовским стейтом мне уже хватило

Redux -> Flux -> FP

Ты пример приводил до упоминания key для ремаунта.

ще раз перечитай меседж, на який ти зробив реплай

а й не про філософію. а про швидкодію

const state = {
  // або так
  products: [
    { id: 1, mainImage: ‘https://…', selectedIndex },
  ],

  // або так
  products: {
    1: { id: 1, mainImage: ‘https://…', selectedIndex }
  }
}

Я бы вынес стейт галереи вообще в отдельную ветку. Но ты уже дал понять, что тебе такая идея дико не нравится. Здесь уже больше про корявость самого редакса

Думаю тебе нужно по проще относится к спорам, а то ощущение что твое самолюбие задели, и ты тут начал диагнозы ставить кому мозг сломало и кто что сможет понять. Даже если ты прям гуру Реакта, что врядли

ні, не зачепили “самолюбіє”
тема редаксу і “ламає мозок” тут піднімалась не раз, це такий собі термін, який описує ту кількість костилів та лишніх дій, до якої редакс спонукає людей

і це ви мене почали переконувати, що “краще зробити так”, хоч відповідь я дав одразy, ¯\_(ツ)_/¯

я тут для того, щоб допомагати людям. тому ось тримай сентбокс з двома рішеннями задачі, які на мою думку є прийнятними і читаємими:

https://codesandbox.io/s/nostalgic-dust-k5vr3

(а все що я тут висловив виключно моя думка, яку я маю цілковите право висловлювати, як і кожен з присутніх, не забувайте це, перш ніж писати “токсік”)

до useDerivedState можна ще додати підтримку колбеку, в який буде попадати попередній стейт, тоді взагалі цікава штука буде

В твоем примере насколько я понял useDerivedState по сути точно так же с помощью useEffect  обновляет локальный стейте, только еще более заморочено с помощью рефов и форсе апдейт. При том что на мой изначальный вариант в 3 строчки ты написал "дичь". Только твоя "дичь" отдельным хуком. Уж лучше key передать

мій варіант не несе за собою лишнього ререндера, і так як я його запакував в окремий хук і написав як воно працює, в цьому можна буде розібратись без проблем.
з key є одна невеличка проблема, яку часто замовчують, але вона існує — все таки мало хто уважно читає доку і знає про цей “трюк”. і дуже легко його можна буде забути додати зверху, відповідно рано чи пізно хтось натрапить на “баг”, що воноо чогось не працює, хоч працювало до того

особисто я б обрав таки key, тому шо це тупо простіше і в рази швидше
а ще краще я б десь на рівні раутінгу реалізував все так, щоб цієї проблеми не виникало в принципі

Ок, хук твой посмотрю еще подробнее, как он работает. У Реакта в доках есть пример где setState вызывается прямо во время рендера c условием, не в useEffect:

function ScrollView({row}) {
  let [prevRow, setPrevRow] = useState(null);

  if (row !== prevRow) {
    setPrevRow(row);
  }

  return ...;
}

Возможно с таким трюком не будет апдейта дополнительного

function ScrollView({row}) {
  let [prevRow, setPrevRow] = useState(null);

  if (row !== prevRow) {
    setPrevRow(row);
  }

  return ...;
}

коли буде cuncurent mode – є шанс, що не буде)

взагалі вся суть кастумного хуку в тому, щоб не писати оце) тут ще є один кейс, яким легко вистрілити собі в ногу — воно буде виконувати setPrevRow при кожному ререндері ScrollView, не залежно від того чи row дійсно помінявся. тому будь що, що впливне на ререндер цього компонента все зламає (якщо ти обрав якийсь інший row вже)