Best practice for preloading a list?

Question

React

A little tricky application, but the essence is this:
* users are displayed on the root page:
* on the post page - post + comments:
I use dumb components to display + containers for them to map the state, for example, for users:
As you can see in the example, there is an action for fetching data (for users fetchUsers, for comments - fetchComments, etc.). Loading is performed automatically, without a user click, upon hitting the corresponding page, ideally, the data should be preloaded.

Actually the question is: Where to dispatch these actions: in the display component, in the App or in some other component (for example, DataFetcher) - where do we load based on the url in the router?
Share your experience)

Answer 1

Dispatch in the parent component, so that the data is preloaded before the place where it will be used, if you need it when the application is initialized, then dispatch in App.