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

parrot.ru

Рейтинг популярных групп и каналов

В рейтинге участвует:

групп:

каналов:

Виртуальный сервер на SSD - недорого!

Аренда выделенных и виртуальных серверов (VDS/VPS), хостинг, аренда IP-адресов, администрирование, круглосуточная поддержка

qwarta.ru подробнее

Резервное копирование с проверкой на вирусы!!!

Удобный сервис создания резервных копий на любой сервер сети интернет. Отслеживайте изменения, проверяйте на вирусы. Надежно защитите свой бизнес!

go.backupland.com

Выбираете сервер? Любая конфигурация на заказ!

Аренда физических серверов любых конфигураций под любые запросы - 1С бухгалтерия, игровые сервера, нагруженные проекты, интернет-магазины!

qwarta.ru подробнее

Size: a a a

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

12808 membersпожаловаться на группу

2021 February 20

Т

Тимофей 🛴 in React — русскоговорящее сообщество

ребят, доброе утро, как лучше реализовать селектор, который обновляется 100+ раз в секунду (лайв стриминг цен)

я так понимаю, держать его (такой селектор) в главном контейнере не очень хорошо...

компоненты не ререндрятся, они в memo()

console.log() стоит в контейнере и срабатывает из-за того что я слушаю селектор цен

const prices = useStelector(state => state.prices)

По прежнему надеюсь что ты не будешь дергать рендер 100 раз в секунду, это все таки интерфейс и пользователь это не увидит.

Если у тебя проблема в лишних ререндерах то у useSelector есть второй параметр в котором можно передать функцию которая будет сравнивать предыдущее и новое состояние и пропускать ререндеры

источник

12:14пожаловаться #1

MZ

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

Понял, спасибо

источник

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

ЕЛ

Евгений Леденёв... in React — русскоговорящее сообщество

ребят, доброе утро, как лучше реализовать селектор, который обновляется 100+ раз в секунду (лайв стриминг цен)

я так понимаю, держать его (такой селектор) в главном контейнере не очень хорошо...

компоненты не ререндрятся, они в memo()

console.log() стоит в контейнере и срабатывает из-за того что я слушаю селектор цен

const prices = useStelector(state => state.prices)

Я бы пошел по пути записи этих данных в хранилище не чаще чем раз в несколько секунд.

источник

12:21пожаловаться #3

ВД

Вадим Дунькин... in React — русскоговорящее сообщество

Всем привет, задача такая, при изменении поля в форме - отправлять эту форму на сервер, запрос делается, но встала такая проблема нужно добавить settimeout на onChange поля, это сделаю, но как в таком случае отменить fetch ?

источник

12:24пожаловаться #4

D

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

Вадим Дунькин

Всем привет, задача такая, при изменении поля в форме - отправлять эту форму на сервер, запрос делается, но встала такая проблема нужно добавить settimeout на onChange поля, это сделаю, но как в таком случае отменить fetch ?

А зачем таймауты на onChange?

источник

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

D

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

Если я верно понял, то можно просто всю форму дизейблить пока запрос выполняется

источник

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

DA

Dmitry A. in React — русскоговорящее сообщество

Вадим Дунькин

Всем привет, задача такая, при изменении поля в форме - отправлять эту форму на сервер, запрос делается, но встала такая проблема нужно добавить settimeout на onChange поля, это сделаю, но как в таком случае отменить fetch ?

Рассматривал? https://developer.mozilla.org/ru/docs/Web/API/AbortController/abort

источник

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

SK

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

Вадим Дунькин

Всем привет, задача такая, при изменении поля в форме - отправлять эту форму на сервер, запрос делается, но встала такая проблема нужно добавить settimeout на onChange поля, это сделаю, но как в таком случае отменить fetch ?

возьми готовое https://www.npmjs.com/package/react-throttle

npm: react-throttle

Throttles/debounces handlers of a child element

источник

12:29пожаловаться #8

Р

Руслан in React — русскоговорящее сообщество

Вадим Дунькин

Всем привет, задача такая, при изменении поля в форме - отправлять эту форму на сервер, запрос делается, но встала такая проблема нужно добавить settimeout на onChange поля, это сделаю, но как в таком случае отменить fetch ?

https://usehooks.com/useDebounce/ оно?)

useDebounce

We bring you easy to understand React Hook code recipes so you can learn how React hooks work and feel more comfortable writing your own.

источник

12:30пожаловаться #9

A

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

Всем привет а есть какая утилита которая проверяет установленные библеотеки на уязвимости?

источник

12:32пожаловаться #10

DM

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

Вадим Дунькин

Всем привет, задача такая, при изменении поля в форме - отправлять эту форму на сервер, запрос делается, но встала такая проблема нужно добавить settimeout на onChange поля, это сделаю, но как в таком случае отменить fetch ?

можно через clearTimeout удалять timer у setTimeout, запрос это не отменит, если он произошел, но запросы будут слаться если timer прошел

источник

12:33пожаловаться #11

МК

Миша Ковальчук... in React — русскоговорящее сообщество

Оберни в React.memo это должно решить проблему, т.к хоть компонент и один но экземпляров этого компонента много, в каждый приходит своя часть данных, и перерендерятся только компоненты вдоль изменившейся ветки

Пробовал.. по идее это ж не должно срабатывать, поскольку раз это рекурсия, то что бы программа дошла до какого-то из дочерних экземпляров, верхние экземпляры должны перерисоваться, а если у верхних пропсы не изменятся, то и рекурсия дальше не пойдет и не дойдет до нужных экземпляров, у которых изменились пропсы..
Я это так понимаю

источник

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

MZ

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

Евгений Леденёв

Я бы пошел по пути записи этих данных в хранилище не чаще чем раз в несколько секунд.

понял. спасибо

источник

12:36пожаловаться #13

S

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

Миша Ковальчук

Пробовал.. по идее это ж не должно срабатывать, поскольку раз это рекурсия, то что бы программа дошла до какого-то из дочерних экземпляров, верхние экземпляры должны перерисоваться, а если у верхних пропсы не изменятся, то и рекурсия дальше не пойдет и не дойдет до нужных экземпляров, у которых изменились пропсы..
Я это так понимаю

Пропсы нужно менять вдоль ветки на листьях которой поиенялось

источник

12:41пожаловаться #14

BA

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

ребят, доброе утро, как лучше реализовать селектор, который обновляется 100+ раз в секунду (лайв стриминг цен)

я так понимаю, держать его (такой селектор) в главном контейнере не очень хорошо...

компоненты не ререндрятся, они в memo()

console.log() стоит в контейнере и срабатывает из-за того что я слушаю селектор цен

const prices = useStelector(state => state.prices)

100+ раз в секунду? Это ещё и 100+ Гц монитор должен быть

источник

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

MZ

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

Ну там запись экрана прикрепил

источник

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

S

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

Миша Ковальчук

Пробовал.. по идее это ж не должно срабатывать, поскольку раз это рекурсия, то что бы программа дошла до какого-то из дочерних экземпляров, верхние экземпляры должны перерисоваться, а если у верхних пропсы не изменятся, то и рекурсия дальше не пойдет и не дойдет до нужных экземпляров, у которых изменились пропсы..
Я это так понимаю

Вообще тут нужен стейт менеджер (redux, mobx и т.д.) тогда можно будет точечно рендерить только изменившийся элемент

источник

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

МК

Миша Ковальчук... in React — русскоговорящее сообщество

Вообще тут нужен стейт менеджер (redux, mobx и т.д.) тогда можно будет точечно рендерить только изменившийся элемент

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

источник

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

S

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

Миша Ковальчук

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

Если этот стейт за пределами компонента не нужен, то локальный стейт это хорошее решение

источник

13:03пожаловаться #19

MZ

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

100+ раз в секунду? Это ещё и 100+ Гц монитор должен быть

т.е. оптимальное решение это пару раз в секунду менять стор?

источник

13:04пожаловаться #20