I'm using the exact same flow in my current project.
Shared data is stored in the state of a single component. Data propagates via props and since you've got a single source of truth you don't have to worry about data synchronization. To manipulate data, the component that owns the data exposes methods to children via context.
As a bonus, components become incredibly easy to test since both props and context are both explicitly passed to each component.
We are currently looking for an ambitious and talented front-end developer with significant hands-on experience to join our team in Oslo, Norway.
You have extensive HTML, CSS and JavaScript knowledge. You’re eager to explore new technologies and techniques as our field is rapidly changing. While we are very focused around front-end development, server-side experience is also valued.
Shared data is stored in the state of a single component. Data propagates via props and since you've got a single source of truth you don't have to worry about data synchronization. To manipulate data, the component that owns the data exposes methods to children via context.
As a bonus, components become incredibly easy to test since both props and context are both explicitly passed to each component.