Обновление пользовательского интерфейса при сохранении: Local vs Server

Question

Допустим, у меня есть классическое приложение TODO.

Состояние приложения сохраняется в объекте, а представление отображается на основе объекта.Пример.

let state = {
    items: [
     {id: 1, task: "Get milk"},
     {id: 2, task: "Feed chickens"}
    ]
}

render(state);

Я хочу обновлять интерфейс после каждого сохранения элемента TODO.

Нужно ли обновлять интерфейс локально или с сервера?

Локальный

POST api/items
After 200 response, state.items.push(item); 
render(state)

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

Сервер

POST api/items
state.items = GET api/items
render(state)

Боюсь, что этот подход делает массу ненужногоAPI-вызовы.

Answer 1

лучше обновлять пользовательский интерфейс после получения ответа от сервера.

вам не нужно запрашивать другой запрос GET, вы можете просто вернуть свои данные с ответом POST.

response = POST api/items
state.items = response.items
render(state)