Все ли приложение будет ререндерится, если измениться какой то внутренний(где то в приложении) state одного из компонентов?

Question

[Александр Косицын]

Допустим есть приложение.
Вот такой структуры

<App>
  <Header/>
  <Footer/>
<App/>

У хедера и футера есть свои state.
Если где то в футере есть кнопка которая обновляет state футера, будет ли сравниваться весь App. или только Footer у которого есть свой state?

Answer 1

[Максим]

Разумеется что нет. Рендерится (перерисовывается) только "та часть" (тот компонент), в которой были изменены пропсы/стейт + все дети если в них нет оптимизаций (например, они могут быть сделаны как stateless, pureComponent или иметь shouldComponentUpdate - тогда перерисовываться не будут при описанных условиях).

вижу обновили вопрос: да, только футер.

Comments

[Александр Косицын]

Максим cпасибо, а где можно про это почитать? заходил в документацию там смотрел про reconciliation. но не нашел там описание этого. только про сам алгоритм математический и key.

[Максим]

Александр Косицын, аналогично, искал в доке не нашел вчера. Подобный вопрос был. Не помню где уже читал, может где-то в туториале у них.

Answer 2

[TheRevan]

только footer