Size: a a a

React — русскоговорящее сообщество

2021 January 09

Т

Тимофей 🛴 in React — русскоговорящее сообщество
Γιωργος Χηονιδι
всем привет, есть массив корзины, в который добавляется товар, так же у каждого товара есть поле count, если например в массив добавить 10 элементов и менять потом им каунт чз map поиск элемента и увеличения счетчика или уменьшения то при нажатии на счетчик начинает зависать чем больше товара тем больше тормозит как это решать ?
Храни count отдельно

Но зависает скорее всего из за косяков в коде, и тебе придется его показать
источник

V

Vova in React — русскоговорящее сообщество
Как мокать useSWR?
источник

Т

Тимофей 🛴 in React — русскоговорящее сообщество
Vova
Как мокать useSWR?
Выкидываешь и переписываешь на что то тестируемое
источник

V

Vova in React — русскоговорящее сообщество
Тимофей 🛴
Выкидываешь и переписываешь на что то тестируемое
(((
источник

ΓΧ

Γιωργος Χηονιδι... in React — русскоговорящее сообщество
Тимофей 🛴
Храни count отдельно

Но зависает скорее всего из за косяков в коде, и тебе придется его показать
источник

Т

Тимофей 🛴 in React — русскоговорящее сообщество
Код конечно так себе, но тут вроде ничего тормозить не должно. Попробуй нормализовать стейт, будет проще работать
источник

ΓΧ

Γιωργος Χηονιδι... in React — русскоговорящее сообщество
Тимофей 🛴
Код конечно так себе, но тут вроде ничего тормозить не должно. Попробуй нормализовать стейт, будет проще работать
после того как нажимаю на счетчик мне нужно еще обновить список товаров т.к счетчик еще у меня есть на главном меню у каждого товара если таакой товар есть в корзинем мб поэтому подвисает
источник

ΓΧ

Γιωργος Χηονιδι... in React — русскоговорящее сообщество
Γιωργος Χηονιδι
после того как нажимаю на счетчик мне нужно еще обновить список товаров т.к счетчик еще у меня есть на главном меню у каждого товара если таакой товар есть в корзинем мб поэтому подвисает
источник

ΓΧ

Γιωργος Χηονιδι... in React — русскоговорящее сообщество
вот такой реселект для того что бы засинхронить меню и кол-во елементов в корзине
источник

VP

Viktor Poliushko in React — русскоговорящее сообщество
Привет. Мне нужно с помощью react-bootstrap создать компонент аватар. Не знаю как мне прописать стили для <Image /> так, чтобы они менялись от размера экрана.
источник

ΓΧ

Γιωργος Χηονιδι... in React — русскоговорящее сообщество
Γιωργος Χηονιδι
вот такой реселект для того что бы засинхронить меню и кол-во елементов в корзине
получается у меня есть большой список товара и я должен проверить какой товар есть в корзине что бы обновить ему счетчик и вот это всё дело при каждом клике на счетчик делается и вот надо как то оптимизировать пока непойму как
источник

Т

Тимофей 🛴 in React — русскоговорящее сообщество
Γιωργος Χηονιδι
вот такой реселект для того что бы засинхронить меню и кол-во елементов в корзине
Эти все действия очень быстрые, подвисает рендер скорее всего. Смотри в react dev tool profiler, какой компонент много или долго рендерится и проверяй.
источник

ΓΧ

Γιωργος Χηονιδι... in React — русскоговорящее сообщество
Тимофей 🛴
Эти все действия очень быстрые, подвисает рендер скорее всего. Смотри в react dev tool profiler, какой компонент много или долго рендерится и проверяй.
Окей, спасибо, пойду искать чз профайлер
источник

Т

Тимофей 🛴 in React — русскоговорящее сообщество
Γιωργος Χηονιδι
получается у меня есть большой список товара и я должен проверить какой товар есть в корзине что бы обновить ему счетчик и вот это всё дело при каждом клике на счетчик делается и вот надо как то оптимизировать пока непойму как
Как я предложил выше, сделать не массив а объект
{[key: itemId]: Item}
источник

Н

Никита in React — русскоговорящее сообщество
привет всем, кто знает как провалидировать функцию переданую в пропсы?
источник

Н

Никита in React — русскоговорящее сообщество
Input.propTypes = {
       getInputValueCb: PropTypes.function.isRequired,
     };
источник

И

Иван in React — русскоговорящее сообщество
Никита
привет всем, кто знает как провалидировать функцию переданую в пропсы?
Что значит «провалидировать»?
источник

PD

Psycho Delick in React — русскоговорящее сообщество
это валидация данных а не функции ведь
источник

Д

Дмитрий in React — русскоговорящее сообщество
Ребят, не подскажите, подобное присвоение steState  как во втором варианте на скриншоте используется в продакшене?)
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Дмитрий
Ребят, не подскажите, подобное присвоение steState  как во втором варианте на скриншоте используется в продакшене?)
Лучше написать понятно и без неявных преобразований
источник