обновлении стейта App у меня происходит ререндер дочернего компонента, Подскажите, как можно остановить ререндер?
Если сильно уж надо то useMemo
если дочерний элемент использует этот state, то так и должно быть. Если в props'ах дочернего элемента нет состояния app, то оберните дочерний элемент в memo и будет вам счастье
Обернул компонент в React.memo, не помогло
А зачем тебе нужно предотвращать ре-рендер? Обычно это требуется когда нужно оптимизировать работу
Exactly, что бы в коммерческих проектах знать как оптимизировать приложения в сотни компонент, хотя бы на простой тудушке потренироваться нужно. Тут почему-то при изменении стейта value происходит ререндер компонента который использует стейт todos
Рендер родителя вызывает рендер всех его элементов. (В данном случае ре-рендер)
React.memo + грамотное использование useMemo/useCallback. Всё, готово, приложение летает
лол конечно
Чел спросил, как сделать, чтобы дерево на сотни/тысячи компонент не фризило. Кроме этого общих советов, специфичных для реакта, нет
не встречал прям огромную проблему если все делать грамотно в приложении. Но есть такой варик посмотреть чисто https://github.com/ankeetmaini/react-infinite-scroll-component
Обсуждают сегодня