Всем привет) подскажите плиз, только учусь применять на практике onPush.

Question

Всем привет) подскажите плиз, только учусь применять на практике onPush.

Получается, если использовать эту стратегию, то при получении данных от бека мы их отрисовывать будем через async pipe, ибо если подписываться то надо будет запускать изменение обнаружений изменений вручную или же это нормальная практика, руками запускать?

#angular #frontend #javascript #programming #russian

0

23.04.2022

20 ответов

7 просмотров

Алехандро Крюков

При onPush стратегии автоматически проверка изменений запускается только после изменений @Input, async пайпа внутри себя делает markForCheck когда приходит новое значение, можно запускать и руками через ChangeDetectorRef, если ни первый вариант ни второй вам не подходит

0

23.04.2022

Bulbosaurus Автор вопроса

Алехандро Крюков
При onPush стратегии автоматически проверка измене...

Понял, спасибо. А что лучше использовать, в плане производительности? Async pipe или же subscribe и внутри него запускать обнаружение изменений. Читал статью, в которой такие слова были сказаны. "Ручной запуск обнаружения изменения не является хаком но вы должны использовать его только в случае необходимости" В случае необходимости. Как я понял, лучше избегать. Вот в чем вопрос

0

23.04.2022

Oleksandr 🤖

Bulbosaurus
Понял, спасибо. А что лучше использовать, в плане...

та то уже на любителя и по ситуации. Главное, что обнаружение изменений onPush включено, а значит компонента не будет реагировать на каждый чих. Если не какое-то мегасложное приложение, то без onPush даже проще писать, особенно на начальных этапах изучения ангуляра) Не будет заметно разницы

0

23.04.2022

Evgheni Чернявский

Bulbosaurus
Понял, спасибо. А что лучше использовать, в плане...

по производительности разницы нет вообще

0

23.04.2022

Oleksandr 🤖

Bulbosaurus
Понял, спасибо. А что лучше использовать, в плане...

буквально сегодня вышло видео от автора их Харькова, который уже давно ничего не выпускал. Там об этом пайпе, примеры его использования и полезные советы https://www.youtube.com/watch?v=DX_6GAx26U0&lc=Ugw4S6oKLosoZTnPmIh4AaABAg.9aAFxs0FSH49aAGc1yZdDd

0

23.04.2022

Rus

Evgheni Чернявский
по производительности разницы нет вообще

Однако async является грязным пайпом и отрисовку делает больше одного раза

0

23.04.2022

Evgheni Чернявский

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

так и не делает ничего трудоёмкого при вызове что могло хоть как-то замедлить приложение

0

23.04.2022

Rus

Evgheni Чернявский
так и не делает ничего трудоёмкого при вызове что ...

Ну трудоемкость уже зависит от данных которые передаются в пайп

0

23.04.2022

Evgheni Чернявский

Rus
Ну трудоемкость уже зависит от данных которые пере...

мы же про async пайп говорим, Observable передаётся внутри два ифа на сравнение и вернуть значение из переменной, учитывая что на странице мало кто использует больше чем двух async пайпов то можно пренебречь что это грязный пайп

0

23.04.2022

Evgheni Чернявский

Evgheni Чернявский
так и не делает ничего трудоёмкого при вызове что ...

на null он не вызывает markForCheck, только когда ему приходит новое сообщение по подписке

0

23.04.2022

Rus

Evgheni Чернявский
на null он не вызывает markForCheck, только когда ...

А ты уверен что после одной полной отрисовки он не рисует второй раз?

0

23.04.2022

Evgheni Чернявский

Rus
А ты уверен что после одной полной отрисовки он не...

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

0

23.04.2022

Alex Inkin

Rus
А ты уверен что после одной полной отрисовки он не...

В рамках одного синхронного цикла он обновит вьюху один раз.

0

24.04.2022

Rus

Alex Inkin
В рамках одного синхронного цикла он обновит вьюху...

Хорошо. Он дергает markforcheck. Есть ли смысл оформлять подписку в компоненте и дергать detectchanges?

0

24.04.2022

Alex Inkin

Rus
Хорошо. Он дергает markforcheck. Есть ли смысл офо...

Посмотри статью, которую я кинул — это два очень разных метода 🙂

0

24.04.2022

Vladimir Luvolunov

Rus
Хорошо. Он дергает markforcheck. Есть ли смысл офо...

detectChanges по всем канонам ангуляра должен дёргаться, когда компонент выдернут из дерева проверки изменений (с помощью метода detach), т.к. он по сути синхронно запускает проверку изменений компонента и его дочерних компонентов

0

24.04.2022

Rus

Vladimir Luvolunov
detectChanges по всем канонам ангуляра должен дёрг...

Не понятны слова «выдернут из дерева проверки изменений»

0

24.04.2022

Vladimir Luvolunov

Rus
Не понятны слова «выдернут из дерева проверки изме...

То есть ангуляр его не будет никак проверять

0

24.04.2022