reusable components

I have a project that requires reusable components… they look something like this:

``

Obviously the reducer logic updates both components with the latest API call.

I have found a promising guide to encapsulating logic here — https://www.codementor.io/nwugurusunday/implement-a-reusable-reducer-logic-5eqjahjum — but the store is handled completely differently than ARC.

As a beginner, I'm a bit stumped. Am I overlooking something built-in? Is there a more correct way to accomplish this?