Отображение данных с нескольких конечных точек с помощью сокращения и таблицы

Question

Я хочу отображать данные из нескольких источников в одну таблицу с помощью redux. пример данных

url:'/product/'
products :[
    {
        id: 1,
        name:'machine gun',
        category: 1
    },
    {
        id: 2,
        name:'water pistol',
        category: 2
    },
    
    
]
endpoint:'/category/'
category:[
    {
        id:1,
        name:'main tool'
    },
    {
        id:2,
        name:'secret weapon'
    }
]
endpoint:'/stock/?product=1,current=true'
stock:[
    {
        id:1,
        product:1,
        current:false,
        currentStock:10
    },

]

Магазин-> 1) продукты 2) категория 3) акции

мои проблемы:

1. Если я запрашиваю все категории, акции и товары из бэкэнда, это будет очень дорого

2. Я хочу, чтобы в таблице было поле, как в | productName | Category | quantityinStock | пожалуйста, помогите, это мои примеры действий для получения товарных запасов

    export function getStock(productId) {
   
    const request = axios.get('http://localhost:8000/productstock/',
        {
        params: {
            product: productId,
            current: true
        }
    }
    );
   
    return dispatch =>
        request.then(response =>
            dispatch({
                type: GET_STOCK,
                payload: response.data
            })
        );
   

   }