Телеграмм чат группы reactkyiv страница 3008

16:02пожаловаться #1

JC

J. C. in React Kyiv

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

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

Что-то я не понял почему ты считаешь, что оно будет каждый раз setPrevRow вызывать, вроде не должно, условие то сравнивает

16:05пожаловаться #2

JC

J. C. in React Kyiv

A JavaScript library for building user interfaces

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

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

Эо я взял отсюда https://reactjs.org/docs/hooks-faq.html#how-do-i-implement-getderivedstatefromprops

reactjs.org

Hooks FAQ – React

16:06пожаловаться #3

TS

J. C.

Что-то я не понял почему ты считаешь, что оно будет каждый раз setPrevRow вызывать, вроде не должно, условие то сравнивает

в твомує кейсі

const [selectedImage, setSelectedImage] = useState(mainImage);

  if (selectedImage !== mainImage) {
    setSelectedImage(mainImage);
  }

тому що якщо ти вже обереш якусь іншу картинку і чогось дьоргнеш отут рендер,
selectedImage - інша якасьс картинка
mainImage - та сама шо і була, просто ререндер спрацював по іншій причині якійсь

в результаті засетиться mainImage знову

16:15пожаловаться #4

TS

і взагалі воно буде ж спрацьовувати кожного разу, коли ти робиш setSelectedImage, лол)

16:16пожаловаться #5

Е

Егор in React Kyiv

Ребят, подскажите, есть ли аналог Erwin data modeler для mac os?

16:16пожаловаться #6

TS

Vladimir Sedikh

реакций вам не хватает из mobx )

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

16:16пожаловаться #7

TS

Егор

Ребят, подскажите, есть ли аналог Erwin data modeler для mac os?

є шось від JetBrains, кросплатформенне

16:17пожаловаться #8

JC

J. C. in React Kyiv

в твомує кейсі

const [selectedImage, setSelectedImage] = useState(mainImage);

  if (selectedImage !== mainImage) {
    setSelectedImage(mainImage);
  }

тому що якщо ти вже обереш якусь іншу картинку і чогось дьоргнеш отут рендер,
selectedImage - інша якасьс картинка
mainImage - та сама шо і була, просто ререндер спрацював по іншій причині якійсь

в результаті засетиться mainImage знову

Имелось ввиду что предыдущий mainImage из пропс нужно отдельно от селектед сохранить, чтобы с ним сравнивать

16:21пожаловаться #9

TS

J. C.

Имелось ввиду что предыдущий mainImage из пропс нужно отдельно от селектед сохранить, чтобы с ним сравнивать

що й відбувається в моєму хуку, просто все зберігається в рефках

16:21пожаловаться #10

TS

J. C.

Имелось ввиду что предыдущий mainImage из пропс нужно отдельно от селектед сохранить, чтобы с ним сравнивать

а ще треба вчасно його оновляти (що знову ж таки відбувається в моєму хуці)

16:22пожаловаться #11

B

The online code editor tailored for web applications

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

А может и не будет
https://codesandbox.io/s/tender-maxwell-px5v3

CodeSandbox

tender-maxwell-px5v3 - CodeSandbox

16:57пожаловаться #12

TS

The online code editor tailored for web applications

Bogdan

А может и не будет
https://codesandbox.io/s/tender-maxwell-px5v3

CodeSandbox

tender-maxwell-px5v3 - CodeSandbox

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

17:11пожаловаться #13

B

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

Что значит приходят пропсами? Продукты ведь лежат в сторе.

17:13пожаловаться #14

AR

Alexey Raspopov in React Kyiv

@weisscracker @brutallosapiens пам’ятаєте я якось казав, що редакс людям мозок ламає? ось вам приклад)

sticker.webp

(24.87 Кб)

17:15пожаловаться #15

TS

Bogdan

Что значит приходят пропсами? Продукты ведь лежат в сторе.

в тебе може бути не один стор з “продуктами”

17:16пожаловаться #16

B

в тебе може бути не один стор з “продуктами”

и в чем проблема?

17:16пожаловаться #17

TS

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

17:17пожаловаться #18

B

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

Его уже можно менять. Добавлять продукты, удалять, редактировать

17:18пожаловаться #19

TS

Bogdan

Его уже можно менять. Добавлять продукты, удалять, редактировать

в реальному житті в тебе можуть бути searchProductList, homeProductList, userSavedProductList, productsInCart

ти пропонуєш завжди це все тримати в одному масиві і лиш посилання в інших списках?