?

shallowCompare

Подробнее, пожалуйста? Я всегда думал что реакт сравнивает новый и старые пропсы, сейчас читанул, он этого не делает. Ок, не прав. Но как написано тут https://habrahabr.ru/post/319536/ "Определение функции по умолчанию возвращает true" shouldComponentUpdate(nextProps, nextState) { return true; } Почему у меня тогда в обычном реакт компоненте не происходит обновление при приходе новых пропсов большой глубины и происходит, если я руками задаю shouldComponentUpdate(nextProps, nextState) { return true; }

Ребята, очень нужны ваши доклады :)

Подробнее, пожалуйста? Я всегда думал что реакт сравнивает новый и старые пропсы, сейчас читанул, он этого не делает. Ок, не прав. Но как написано тут https://habrahabr.ru/post/319536/ "Определение функции по умолчанию возвращает true" shouldComponentUpdate(nextProps, nextState) { return true; } Почему у меня тогда в обычном реакт компоненте не происходит обновление при приходе новых пропсов большой глубины и происходит, если я руками задаю shouldComponentUpdate(nextProps, nextState) { return true; }

А можно пример?

А то не очень понятно, что это за пропсы большой глубины.

Выше писал

Нет ну это невозможно... На сколько глубоко реакт пропсы сверяет в обычном компоненте? У меня обновляются данные в nextProps.app.state.person.avatar: string, а он даже не пытается рендерить

Нет ну это невозможно... На сколько глубоко реакт пропсы сверяет в обычном компоненте? У меня обновляются данные в nextProps.app.state.person.avatar: string, а он даже не пытается рендерить

И не будет.

Пропсы приходят при рендеринге из родителя.

Нет ну это невозможно... На сколько глубоко реакт пропсы сверяет в обычном компоненте? У меня обновляются данные в nextProps.app.state.person.avatar: string, а он даже не пытается рендерить

пиздец.

Подробнее, пожалуйста? Я всегда думал что реакт сравнивает новый и старые пропсы, сейчас читанул, он этого не делает. Ок, не прав. Но как написано тут https://habrahabr.ru/post/319536/ "Определение функции по умолчанию возвращает true" shouldComponentUpdate(nextProps, nextState) { return true; } Почему у меня тогда в обычном реакт компоненте не происходит обновление при приходе новых пропсов большой глубины и происходит, если я руками задаю shouldComponentUpdate(nextProps, nextState) { return true; }

Ну погугли, это обычный термин

Т.е. const Children = (props) => { // Вот здесь вот они приходят. return (<div />) } const Parent = () => { return <Children /> }

Ну погугли, это обычный термин

shallowCompare идет отдельной либой или в PureComponent, как это ко мне относится?

Реакт вообще не сравнивает структуру пропсов, а просто перерисовывает компонент каждый раз. Если пропсы поменялись где-то в глубине, то нужно явно вызвать forceUpdate();

Реакт вообще не сравнивает структуру пропсов, а просто перерисовывает компонент каждый раз. Если пропсы поменялись где-то в глубине, то нужно явно вызвать forceUpdate();

Ужасный совет

Ужасный совет

Обоснование будет?

Вообще забудь про существование forceUpdate

Я это все понимаю Я не понимаю как может отработать componentWillReceiveProps, но не отработать componentWillUpdate в этой парадигме?

Обоснование будет?

Лучше строить нормальную архитектуру, чем ломать ее так

Лучше строить нормальную архитектуру, чем ломать ее так

Лучше быть богатым и здоровым, это всем понятно.

жёпу себе pinned

Обоснование будет?

Ну потому что это костыль

Лучше быть богатым и здоровым, это всем понятно.

Нет. Достаточно писать нормальный код и разобраться в лайфсайкле

Ну тут я с совой согласен. У меня все эти вопросы возникли в легаси проекте. В своих не возникали пока

Обоснование будет?

потому что forceUpdate если понадобился, то ты сотворил какую-то дичайшую хуету

Повторюсь. Как может отработать componentWillReceiveProps, но не отработать componentWillUpdate в этой парадигме?

componentWillUpdate ЕМНИП, не вызывается при первоначальном рендеринге.

Т.е. только когда замаунтеный компонент перерендеривается.

Ну, логично.

Про forceUpdate: оценочные суждения не принимаются, только факты интересуют.

Про forceUpdate: оценочные суждения не принимаются, только факты интересуют.

Неочевидно нарушаешь lifecycle

Про forceUpdate: оценочные суждения не принимаются, только факты интересуют.

Открой документацию. Там даже выделено

Неочевидно нарушаешь lifecycle

Хуй найдёшь, где какой-то пидорас обновления зафорсил

Мало того, здоровый человек на это и расчитывать не будет

?Повторюсь? Как может отработать componentWillReceiveProps, но не отработать componentWillUpdate в этой парадигме?

Аргументы "за"-то будут? "Мне так удобно"?

Lifecycle курильщика

Т.е. получается, что когда компонент рендерится в первый раз, то во все последующие разы, когда он рендерится в том же месте в доме, ´componentWillUpdate´ вызывается.

Про forceUpdate: оценочные суждения не принимаются, только факты интересуют.

потому что ты вклиниваешься в цикл и его меняешь, что неочевидно работает, и кроме того, никто от твоего компонента этого ждать не будет

?Повторюсь? Как может отработать componentWillReceiveProps, но не отработать componentWillUpdate в этой парадигме?

Ответил чуть выше.

Т.е. получается, что когда компонент рендерится в первый раз, то во все последующие разы, когда он рендерится в том же месте в доме, ´componentWillUpdate´ вызывается.

Для первого раза есть componentDid/WillMount

?Повторюсь? Как может отработать componentWillReceiveProps, но не отработать componentWillUpdate в этой парадигме?

а что если пропсы не поменялись? пришли те же самые? или ты переопределил componentShouldUpdate возвращать false?

Ответил чуть выше.

componentWillReceiveProps не вызывается при первом рендере. Не ответил

а что если пропсы не поменялись? пришли те же самые? или ты переопределил componentShouldUpdate возвращать false?

Не переопределил

а что если пропсы не поменялись? пришли те же самые? или ты переопределил componentShouldUpdate возвращать false?

Вопрос не понял.

Не переопределил

ну я тебе два сценария там привел, когда бывает так

´componentWillUpdate() is invoked immediately before rendering when new props or state are being received. Use this as an opportunity to perform preparation before an update occurs. This method is not called for the initial render.´

Вопрос не понял.

а он и не тебе был

И

React doesn't call componentWillReceiveProps with initial props during mounting.

ну я тебе два сценария там привел, когда бывает так

>_< Где?

а что если пропсы не поменялись? пришли те же самые? или ты переопределил componentShouldUpdate возвращать false?

@artalar, тут

>_< Где?

новые пропсы когда равны старым, ну блин

а он и не тебе был

Тут общий чат. Хочешь адресовать вопрос кому-то пиши в личку

Тут общий чат. Хочешь адресовать вопрос кому-то пиши в личку

так я реплаем сделал, если он не понял вопрос, то скорее всего потому, что он на другую тему

новые пропсы когда равны старым, ну блин

А я тебе говорю, что 1) по дефолту shouldComponentUpdate должен возвращать всегда true, во вторых у меня вложенность в 5 степеней - пропсы меняются, но обновления не происходит. ЧЯДНТ?

Какая трогательная забота.

Ты продолжаешь советовать хуйню, игнорируя доку и аргументы?

Он пошел в бан

Спасибо

А вот что за equal я чет не нашел

А я тебе говорю, что 1) по дефолту shouldComponentUpdate должен возвращать всегда true, во вторых у меня вложенность в 5 степеней - пропсы меняются, но обновления не происходит. ЧЯДНТ?

тебе же сказали, читай про shallow compare (не либу, это js тема)

А вот что за equal я чет не нашел

shallowEqual, он же https://facebook.github.io/react/docs/shallow-compare.html

тебе же сказали, читай про shallow compare (не либу, это js тема)

Чет гугл про реакт

shallowEqual, он же https://facebook.github.io/react/docs/shallow-compare.html

Да зачем мне PureComponent?????

tl;dr когда сравнивается объект, он сравнивается по ссылке, а тебе нужно не по ссылке а по наполнению

tl;dr когда сравнивается объект, он сравнивается по ссылке, а тебе нужно не по ссылке а по наполнению

Это я знаю

поэтому тебе или свою надо функцию написать, которая рекурентно пробежится по полям и сравнит, или стоковую заюзать

от кого угодно

В лодаше есть...

Понятно. Ответ на мой вопрос - реакт сравнивает только ссылки на this.props и nextProps.

Ну и стейт с контекстом...

Понятно. Ответ на мой вопрос - реакт сравнивает только ссылки на this.props и nextProps.

Мы шли к этому очень долго....

так это вроде написали сразу

просто это частый вопрос здесь

нет

если хоть одна ссылка поменялось, то происходит рендер

и ответ со словом shallow сразу намекает

он сравнивает первый уровень этих объектов

Ясно...

и ответ со словом shallow сразу намекает

Нет, т.к. все, почему-то, ссылаются на PureComponent

да нет же

ты просто почему-то shallowCompare сразу туда записал

хотя это термин из простого js

хотя это термин из простого js

Это не знал