И в чём была ошибка?

Короче винда ни при чем. Поставил проект на убунту на виртуалку, там та же самая ошибка.

если он всеравно будет рендерится есть разница между тем как я ему буду прокидввать пропсы? <Square onClick={() => doSomething()} /> или <Square onClick={doSomething} /> Всеравно он ререндерится в любом случае.

если сделаешь Square как PureComponent, то будет разница

можешь ещё попробовать библиотечку why-did-you-update

можешь ещё попробовать библиотечку why-did-you-update

да, в рендер методе строится виртуальный дом, потом сравнивается с предыдущим и потом разница изменяется в реальном доме

а в том что прокидывая новый объект в пропсы у тебя каждый раз будет ререндер компонента

а в том что прокидывая новый объект в пропсы у тебя каждый раз будет ререндер компонента => только если он PURE!

нет, у обычного Component даже если те же самые пропсы приходят всё равно идёт ререндер, потому что у него дефолтная реализация shouldComponentUpdate просто возвращает true

верно. Немного не так понял меня

Я имею введу что если обычному прокидывать то всеравно новый или ссылку

чем это удобнее?

допусти тем что у тебя в классе сверху функция типа handleIncrease(){ this.props.handleIncreae(1); } а снизу <Button onClick={this.handleIncrease}

ну то что меньше строк кода, это да

Получается что shouldComponentUpdate нужно редко использовать. Только в случае если выполняется тяжелая js function. Во всех других слаучая всеравно DOM сравнивается.

вот потом через профайлер посмотришь что тормозит

я ошибаюсь в <10% случаев

Катастрофа

Стиль кода

Где можно посмотреть, как следует это делать?

Иисус всех вас ёбнет скоро, пидары :)