то каким образом можно избежать лишних вызовов этого компонента, когда меняются данные контекста, не используемые компонентом?
Redux
Возможно ли обойтись без Redux? У меня довольно небольшое приложение чтобы использовать Redux.
Как именно это можно сделать в моем случае?
Ну так приложение не большое
Если ощутимо (то есть реально тормозит), то надо оптимизировать
А если я гиперболизировал со смыслом что стоит не допускать лишних ререндеров если это возможно?
Тогда забить
Как вариант оптимизации function Foo() {} const ctx = useContext(); return <FooInner foo={ctx.foo}/> } const FooInner = React.memo(function FooInner({ foo }) { // .. })
на ум приходит вынести данные на уровень родителя и передавать их как props дочернему, а в нем контролировать через React.memo()
Интересная идея, но увы в моем случае мне еще нужно foo обновлять из FooInner.
Не вижу проблемы
Да, @vkurchatkin такое решение и предлагает. В процессе обсуждения.
Обсуждают сегодня