Splitting the page into different React components

Question

I am new to Reactjs. I am super duper confused when it comes to splitting the page to different components. What should I consider when I divid the page into different components?

Answer 1

When you want to split into separate components, it becomes a bit of a challenge to share data between them. One way is for the parent to share state through props and actions to the children, but this ends up being messy, and your components depend pretty much on each other.

Most people do it using Redux, although you can do it with Observables or mobX.