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

Question

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

самом верху, в APP.js а так же там функии-события для кнопок add to cart, такая проблема возникла, что при изменении стейта ِAPP.js -(на клик по кнопке add to cart)- все компоненты делают перерендер -(так как они дети APP.js)- и визуально как будто весь сайт заново загрузился))

шейхи реакта, как вы делаете такие штуки правильно?

#frontend #javascript #programming #react.js #russian

0

19.01.2021

25 ответов

12 просмотров

Aha Rassomaha Автор вопроса

Белка 🦊
Redux? PureComponent? React.memo?

только так?))

0

19.01.2021

Белка 🦊

Aha Rassomaha
только так?))

Ну раз тебе нужно максимально низкоуровнево, то замени на PureComponent или пропиши shouldComponentUpdate?

0

19.01.2021

Aha Rassomaha Автор вопроса

Белка 🦊
Ну раз тебе нужно максимально низкоуровнево, то з...

pure component не слышал ни разу, а shouldUpdate не использовал ни разу))

0

19.01.2021

Белка 🦊

Aha Rassomaha
pure component не слышал ни разу, а shouldUpdate н...

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

0

19.01.2021

Aha Rassomaha Автор вопроса

Белка 🦊
https://reactjs.org/docs/react-api.html#reactpurec...

спасибо ☺️

0

19.01.2021

Белка 🦊

Белка 🦊
https://reactjs.org/docs/react-api.html#reactpurec...

Можешь сменить язык :)

0

19.01.2021

Белка 🦊

Aha Rassomaha
спасибо ☺️

Для функций используй просто обёртку React.memo https://reactjs.org/docs/react-api.html#reactmemo

0

19.01.2021

Aha Rassomaha Автор вопроса

Белка 🦊
Для функций используй просто обёртку React.memo h...

блин, круто спасибо 😘

0

19.01.2021

Белка 🦊

Aha Rassomaha
блин, круто спасибо 😘

I do my best ^_^

0

19.01.2021

Petr Filippov

Белка 🦊
Ну раз тебе нужно максимально низкоуровнево, то з...

А что такое pureComponent?

0

19.01.2021

Ilya Agarkov

Petr Filippov
А что такое pureComponent?

выше же ссылка https://reactjs.org/docs/react-api.html#reactpurecomponent

0

19.01.2021

Белка 🦊

Petr Filippov
А что такое pureComponent?

PureComponent - обычный компонент, который не совершает очередной рендер если не изменились this.props. Если вкратце

0

19.01.2021

Petr Filippov

Белка 🦊
PureComponent - обычный компонент, который не сове...

Спасибо

0

19.01.2021

Aha Rassomaha Автор вопроса

Белка 🦊
Для функций используй просто обёртку React.memo h...

а я так сделал, заработало кстати, нёрм?))

0

19.01.2021

Vetro

Aha Rassomaha

а я так сделал, заработало кстати, нёрм?))

у тебя всегда будет false

0

19.01.2021

Белка 🦊

Aha Rassomaha

а я так сделал, заработало кстати, нёрм?))

Это тоже самое, что сделать class App extends PureComponent

0

19.01.2021

Ilya Agarkov

Белка 🦊
Это тоже самое, что сделать class App extends Pure...

вообще нет.

0

19.01.2021

Белка 🦊

Ilya Agarkov
вообще нет.

Да, ты прав, он смотрит по стейтам, а не по пропсам. Прошу прощения за невнимательность

0

19.01.2021

Белка 🦊

Белка 🦊
Это тоже самое, что сделать class App extends Pure...

Беру слова назад. PureComponent смотрит и на props и на state. React.PureComponent is similar to React.Component. The difference between them is that React.Component doesn’t implement shouldComponentUpdate(), but React.PureComponent implements it with a shallow prop and state comparison.

0

19.01.2021

Ilya Agarkov

Белка 🦊
Беру слова назад. PureComponent смотрит и на props...

и сравниваются не сами объекты, а то что в них лежит

0

19.01.2021

Белка 🦊

Ilya Agarkov
и сравниваются не сами объекты, а то что в них ле...

Йеп, очень яркое доказательство. {} === {}

0

19.01.2021