не понимаю как обеспечить разделенное хранение и связь условного объекта (пусть json)
1. Клиент запрашивает данные с сервера.
2. Варианты:
2.1. Сервер сам рендерит страницу, без помощи клиента.
2.2. С сервера на клиент прилетает json, js на клиенте создает необходимую разметку, подставляя данные из json.
обеспечить изменяемость данных
Пишем условия на js/react, на основание которых будут изменяться данные.
и защиту ключевых данных от изменения
Все, что пришло на клиент - доступно клиенту. Все что пришло от клиента на сервер, по умолчанию опасно и требует проверки.