Size: a a a

React: русскоязычное сообщество

2020 January 02

DV

Dmitry Vndrsn in React: русскоязычное сообщество
Павел
Напиши свой equal пропсов для memo
ну это пару вызовов только отменит
источник

DV

Dmitry Vndrsn in React: русскоязычное сообщество
а, ну и дочерних компонентов много
источник

DV

Dmitry Vndrsn in React: русскоязычное сообщество
ладно, подебажу и вернусь 🙂
источник

КО

Константин Отпущенников in React: русскоязычное сообщество
ichi 404
Функциональные компоненты не имеют ничего общего с фп. А по делу - может у вас какой-то Стейт уходит в родительские компоненты?
Тоже часто замечаю, что люди путают
источник

DV

Dmitry Vndrsn in React: русскоязычное сообщество
господи, ребят)) я не путаю
источник

DV

Dmitry Vndrsn in React: русскоязычное сообщество
я не думал, что вместо ответа на вопрос получу докапывание до стиля написания
источник
2020 January 03

YV

Yana V in React: русскоязычное сообщество
Dmitry Vndrsn
салют, пишу в фп на реакте, всю логику выношу в кастом хук, который возвращает нужные пропы и обработчики. и постоянно страницы получают кучу лишних рендеров. именно СТРАНИЦЫ (которые содержут в себе пачку других компонентов). соотв. в memo() их не завернёшь. и что-то не допру как можно уменьшить кол-во рендеров.
Может попробовать useCallback()? Если useMemo() кэширует результат вызова функции, то useCallback кэширует именно саму функцию с входящими аргументами, и перерэндер происходит только если аргументы поменялись.
источник

DV

Dmitry Vndrsn in React: русскоязычное сообщество
это для колбэков же, и это используется
источник

YV

Yana V in React: русскоязычное сообщество
Может кинешь код? Так сложно понять, почему у тебя так происходит.
источник

MH

Meron Humam in React: русскоязычное сообщество
источник

원U

원하는모든🦋🥀🖤 UKUMOR in React: русскоязычное сообщество
источник

DV

Dmitry Vndrsn in React: русскоязычное сообщество
Yana V
Может кинешь код? Так сложно понять, почему у тебя так происходит.
весь проект что ли?)
источник

DV

Dmitry Vndrsn in React: русскоязычное сообщество
не могу к сожалению
источник

DV

Dmitry Vndrsn in React: русскоязычное сообщество
но в целом то там то сям сэкономил уже рендеров
источник
2020 January 06

v

vasya in React: русскоязычное сообщество
Доброе утро, такой вопрос. На react реализована анкета. Поля данной анкеты контролируемые. С помощью useContext и useDispatch реализовано глобальное хранилище данных. При нажатии на каждый из 250-текстовых полей анкеты происходит запись значения поля в глобальное хранилище и дерево перерендеривается сверху вниз.
источник

v

vasya in React: русскоязычное сообщество
Проблема в том, что все это тормозит на слабых компьютерах.
источник

v

vasya in React: русскоязычное сообщество
Что я делаю не так? Как ещё можно собрать все введённые данные формы при нажатии на кнопку «сохранить», если данная кнопка и поля анкеты являются отдельными компонентами
источник

D

DL in React: русскоязычное сообщество
(ух, 250 полей заполнить)
как происходит запись поля? похоже, что меняются все поля и перерисовываются вообще все. в то время как в один момент времени должно аффектить только тот компонент, который изменяется
источник

v

vasya in React: русскоязычное сообщество
Вопросы анкеты хранятся в виде отдельных объектов в массиве. Каждый такой объект имеет свойство value. Когда пользователь вводит данные в какое-то текстовое поле, происходит вызов функции setValueHandler , в которую передаётся новое значение поля и Id объекта . После этого в массиве объектов находится нужный и меняется значение свойства value на нужное. И да, после этого меняется глобальное состояние, которое приводит к перерендеренгу всего приложения.
источник

AK

Andrey Kuznetsov in React: русскоязычное сообщество
Да грусть чтож так делать то
источник