How to store and forward state to child components?

Question

React

Hi all!

I have a web page written in React. It has a state in which the current user is stored , as well as a set of different utilities for working with the state.

There are different components on the page like Header , Footer Sidebar and so on. They have different logic related to the user and using utilities.

That is, all the components on the page are closely related to each other.

Q:
What options are there for storing and sharing state and utilities?

Answer 1

- Pass through props to all child elements
-redux/mobx - Pass
through context Lots
of options

Answer 2

Get redux. There will be one common state for all. Well, and your own, if necessary.