Стоит ли везде, где вложенность больше 1 элемента использовать react context?

Question

[Артём]

Можно ли использовать context всегда, когда вложенность больше 1? Потому что передавать пропсы даже когда вложенность 2-3 элемента кажется нерациональной. Как чаще всего в реальности делают?

Answer 1

[Mikhail Osher]

В реальности, чаще всего пихают redux.

Использование Context API, по словам архитектора React, чаще всего, необоснованно. https://twitter.com/sebmarkbage/status/12198364319...
https://twitter.com/sebmarkbage/status/12198289982...

В идеале, должна быть композиция, где можно применить render props.
То есть, каждая страница загружается через lazy, и содержит в себе полотно JSX, которое может через render props общаться, и компонент страницы будет хранить большинство стейта.

В целом, никто не запрещает использовать Context для вложенности >=2, однако local state вполне справляется с задачей, если компоненты разбиты нормально.

Comments

[t-Zander]

Вы можете использовать render function. Также вы можете передавать компоненты внутрь компонента.
https://twitter.com/dan_abramov/status/10218504996...