Что такое Server-State

Server-State — это состояние данных, которые хранятся и управляются на сервере. Оно отражает актуальные данные в БД или API, а не локальное состояние клиента.

Ключевые особенности:

• Единственный источник истины — данные синхронизируются с сервером.
• Часто кэшируется (например, через react-query, RTK Query).
• Может конфликтовать с Client-State (например, локальные правки vs серверные данные).

Пример с react-query:

const { data, isLoading } = useQuery('todos', fetchTodos);
// `data` — server-state, синхронизируется с API

Отличие от Client-State:

• Client-State (например, useState) — локальные изменения, не связанные с сервером.
• Server-State — требует синхронизации (запросы, инвалидация).

Оптимизация работы с Server-State — ключ к производительности современных SPA.