I have a Material UI Data Grid: @material-ui/data-grid.
In order to load its contents; I query an API, that retrieves the list of records to be displayed.
But the service do not offer the complete information that the user will require, after each record, another service will need to be called, so that the information can be complemented with totals.
The totals records have identifiers, like consignee id, shipper id, customer id; those identifiers require to also go to their respective services for detail information about the consignee, shipper, and customer.
In the current state, the grid keeps waiting until all information is complete to be presented to the user (Redux + Saga + Axios).
Present to the user the available information since the first request, and present the additional information as soon as it is available:
1. List the items in the grid with information from the first call.
2. Start filling the grid with the totals and identifiers.
3. Start filling each identifier.
All of these steps to be async from each other, so that the user feels the grid loading to be "faster".