Когда разные компоненты должны повторно использовать данные из избыточного хранилища и когда эти данные должны быть извлечены снова?

Question

Давайте представим веб-приложение со страницей и двумя вкладками: «Сведения о пользователе» и «Редактирование пользователя».

Для обоих требуются одинаковые данные - user объект, структура которого выглядит следующим образом:

const user = {name: 'John', surname: 'Black', age: 25, position: 'Front End'};

Я создал простой эскиз, где вы можете видеть, что title (Джон Блэк) сохраняется на каждой вкладке.

Вопросы:

1. Должны ли вкладкиработать с теми же данными из хранилища приставок?
2. Должен ли приставка получить fresh data, когда пользователь переключился с вкладки "Сведения" на вкладку "Редактирование", и наоборот?
3. Должна ли родительская страница получить userкаждый раз, когда вкладка была изменена?
4. Было бы лучше отображать John Black на каждой вкладке отдельно?