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

parrot.ru

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

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

групп:

каналов:

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

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

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

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

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

go.backupland.com

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

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

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

Size: a a a

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

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

2020 September 28

V

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

Всем привет, подскажите, как можно оптимизировать react-redux? например с банальной сортировкой -> чтобы при нажатие не было перерендеринга страницы

Что подразумевается под страницей?

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

источник

11:07пожаловаться #1

A

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

Victor Rusakovich

Это больше похоже на функционал автокомплита. Почему форма должна валидировать это?

возможно ты прав, я принципе так и сделал как говорил выше. (onFocus, onBlur, onChange + состояние = [warning, setWarning] = useState(''))

но то же самое я делал недавно когда работал с redux-form. Там полю в пропсы приходило состояние active и я просто проверял вроде

active && 'Введите 3 или более символов'.

И никаких состояний и слушателей не добавлял. Думал может есть такая же возможность в react-hook-form

источник

11:08пожаловаться #2

DG

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

Всем привет, подскажите, как можно оптимизировать react-redux? например с банальной сортировкой -> чтобы при нажатие не было перерендеринга страницы

можно использовать мемоизированные селекторы из reselect и в них делать сортировку

источник

11:08пожаловаться #3

VR

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

Всем привет, подскажите, как можно оптимизировать react-redux? например с банальной сортировкой -> чтобы при нажатие не было перерендеринга страницы

Погоди, если элементы сортируются, разве не надо отрендерить новый список?

источник

11:09пожаловаться #4

V

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

можно использовать мемоизированные селекторы из reselect и в них делать сортировку

Опять же, мемоизированные селекторы не спасут его от ререндера при изменении значения)

источник

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

KS

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

Всем привет, подскажите, как можно оптимизировать react-redux? например с банальной сортировкой -> чтобы при нажатие не было перерендеринга страницы

Ну в теории, если я тебя верно понял, делай коннект только той части страницы, которую надо перерендерить, а не всю страницу

источник

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

K

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

Vetro

Что подразумевается под страницей?

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

У меня reducer просто слушает action и от этого заменяет объект

источник

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

V

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

У меня reducer просто слушает action и от этого заменяет объект

Верно, так работает редакс

источник

11:09пожаловаться #8

DG

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

Vetro

Опять же, мемоизированные селекторы не спасут его от ререндера при изменении значения)

сама суть реакта заключается в том, чтобы "реагировать" (react) на изменения данных)

источник

11:10пожаловаться #9

DG

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

ну а если нужно убрать лишние ререндеры - есть React.memo

источник

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

K

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

Victor Rusakovich

Погоди, если элементы сортируются, разве не надо отрендерить новый список?

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

источник

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

K

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

ну а если нужно убрать лишние ререндеры - есть React.memo

React.memo же используется в const, а как быть с class'om?

источник

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

DG

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

React.memo же используется в const, а как быть с class'om?

shouldComponentUpdate

источник

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

A

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

React.memo же используется в const, а как быть с class'om?

🤔🤔🤔

источник

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

V

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

React.memo же используется в const, а как быть с class'om?

https://reactjs.org/docs/react-api.html#reactpurecomponent

React Top-Level API – React

A JavaScript library for building user interfaces

источник

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

DG

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

React.memo же используется в const, а как быть с class'om?

плюс классы в реакте уже obsolete - всё можно делать хуками

источник

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

K

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

shouldComponentUpdate

А PureComponent, разве не делает тоже самое?

источник

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

V

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

А PureComponent, разве не делает тоже самое?

там shallow сравнение

почитай доку

источник

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

K

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

Vetro

там shallow сравнение

почитай доку

оки)

источник

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

PR

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

Привет, пробую создать div на полный экран, указываю ширину и высоту как vw и vh соответственно. На сервере все работает но лакально нет, не пойму что не так...

источник

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