Как правильно работать с массивами объектов данных, приходящих с бэка?

Question

[lexstile]

Допустим, заходим на страницу с настройками (их множество).
1 настройка содержит информацию следующего вида:

settings_one: {
	[
		'type' => 'setting_name_1',
		'switch' => true,
		'input' => 5,
		'other_input' => NULL,
		'text' => 'Описание настройки 1',
	],
	[
		'type' => 'setting_name_2',
		'switch' => false,
		'input' => 3,
		'other_input' => NULL,
		'text' => 'Описание настройки 2',
	],
	// ..........................
}

Сейчас получается следующая ситуация:

const [settings, setSettings] = useState(null);
  const memoizedGetSettings = useCallback(async () => {
    const response = await getSettings();
    setSettings(response.settings);
  }, []);

  useEffect(() => {
    memoizedGetSettings();
  }, [memoizedGetSettings]);

Если я переходу на страницу с настройками, то данные подгружаются каждый раз с бэка, что логично.
Можно ли как-то сделать, чтобы, если я данные не изменил, запрос на бэк не слать?

На проекте есть final-form, можно ли как-то завязаться на pristine?

Comments

[abberati]

А если данные на бэкенде изменились, как вы об этом узнаете?

[lexstile]

abberati, изменить данные можно только с фронта, изменяете на нужные, нажимаете - сохранить, отправляете в БД.

[abberati]

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

[lexstile]

abberati, не совсем понял ваш посыл.
Отказаться от этой ненужной затеи?

[abberati]

lexstile, ага

[abberati]

lexstile, запрашивать данные каждый раз при открытии страницы нормально. Есть способы оптимизации, но они стоят денег. Подписка по сокету, например.

[lexstile]

abberati, спасибо большое за ответы и советы, пока оставлю, думаю, не такой большой проект, чтобы сейчас думать об этом.