Дизайн приложения React: отображение количества записей для каждой страницы в навигации

Question

Создание приложения React (неродного, с Rails), в котором есть боковая навигация со ссылками на 6 страниц.

Каждая страница отображает набор записей.

В навигации Я хочу отобразить количество записей (общих и новых) для страницы, которую представляет ссылка.

Следует ли мне пытаться не сохранять счетчики, а сначала запускать все запросы (предварительная загрузка), поэтому я может получать счетчики?

Не могли бы вы порекомендовать наличие родительского компонента вокруг навигации и главной страницы, который предварительно загружает данные для 6 страниц и управляет ими, чтобы иметь готовые счетчики для захвата навигации?

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

Или ....?

Answer 1

Конечно, есть несколько способов решить эту проблему, и оптимальный способ может быть субъективным, исходя из ваших конкретных c потребностей. Один из возможных способов настроить это:

1. Использовать кеши счетчиков для хранения счетчика, как предлагается макс.
2. При начальной загрузке страницы запрос чтобы найти счетчик для всех вкладок и сохранить его состояние на панели навигации.
3. Для данных на отдельных вкладках, когда данные создаются или удаляются, просто обновите счетчик на панели навигации с помощью функции обратного вызова.

Таким образом, вам не нужно будет запускать запрос для первоначального подсчета элементов, а затем не потребуется никаких дополнительных запросов или сложных logi c для поддержания текущего счета.