лучше это тем, что при инициализации будет быстрее грузиться

а для чего делать запрос для изменения активного фильтра? если мы на фронте поменяли фильтр, то сразу засылаем запрос на получение данных списка блюд, и если нам пришел зенебл объект, то сразу и ставим этот фильтр как активный

смотря где хранить значения фильтров, в общем

делаю компонент каталога на реакте со стейт менеджером

думаю фильтров не 3 миллиона, их можно и на фронт сразу все получить

ну если сохранять фильтр не надо, то не надо)

а так можно сохранять на сервере для конкретного пользователя

чтобы при след заходе эти фильтры были

ну если не требуется хранить эти знания для последующих заходов на сайт конкретного пользователя, то лучше сразу получать весь список фильтров

ну если у вас только эта логика, то можно и не юзать стейт менеджеры, можно сделать всю логику в хоке например

набросал до этого пример ответа

{
  "status": 200,
  "result": {
    "categories": [
      {
        "id": 1,
        "code": "burger",
        "title": "Бургеры"
      },
      {
        "id": 2,
        "code": "combo",
        "name": "Комбо-наборы"
      }
    ],
    "collections": [
      {
        "id": 23,
        "code": "party",
        "title": "Вечеринка"
      },
      {
        "id": 24,
        "code": "family",
        "title": "Семейный"
      }
    ]
  }
}

тут все проще, запрос списка фильтров с полями, id, filterType, label, value, по filterType можно понять, к какому типу фильтров относится, потом запрос данных, при изменении фильтров и сохранении - делать запрос на получение данных, передав значения этих фильтров в виде массива

вот и все

а сами блюда

{
    "status": 200,
    "result": [
        {
            "id": 34,
            "parent_id": 1
,
            "category": 3,
            "collections": [26, 27],
            "title": "Ким Чили Пеппер",
....

{
  "status": 200,
  "result": {
    "categories": [
      {
        "id": 1,
        "code": "burger",
        "title": "Бургеры"
      },
      {
        "id": 2,
        "code": "combo",
        "name": "Комбо-наборы"
      }
    ],
    "collections": [
      {
        "id": 23,
        "code": "party",
        "title": "Вечеринка"
      },
      {
        "id": 24,
        "code": "family",
        "title": "Семейный"
      }
    ]
  }
}

нормальный вариант

стоит ли сразу запросить все блюда (их мало, максимум 50 позиции) и сразу закэшировать, потом уже их фильтровать, либо по мере выставления фильтрации запрашивать блюда и кэшировать

так если вы их будите кэшировать, то получается вы и фильтровать будите на фронте

для чего тогда слать запросы на сервер с типом фильтров

так я и бууду фильтровать на фронте ))

мне нужны лишь списки фильтров