Прорисовка на сайте по структуре и данным из JSON

Язык Note.js (reactstrap) Коротко: 1. Бэкенд, не нужен 2. Со стороны фронтенда хранится структура (приходит по запросу ) и описание верстки базовых элементов (строка, дата, число. ..). т.е на фронтенде изначально нет нечего, содержимое главного меню, так же приходит в JSON. Важно приходит JSON структура+данные или JSON только данные. JSON Не содержит html верстки! Верстка выполняется на стороне фронтенда, по описанию и полученному JSON Объектная модель переменных для рендеринга, так же уже структурирована в JSON Задача: 1. Развернуть JSON в виде независимых панелей на странице браузера по аналогии https://react-resizable-panels.vercel.app/ ) 2. Корректный перенос в объект рендеринга переменных с JSON т.е при повторным открытии по рекурсии не создается новые объекты данных, а создается ссылка на данные для отображения Предоставляется: - готовый платный шаблон https://themes.getbootstrap.com/product/falcon-admin-dashboard-webapp-template-react/ - JSON ответы (эмуляция ответа от БД) Приемка: Функционал управления окнами (развертывание варианта по команде, перемещение держи хватай, изменения размеров, скрыть/отобразить по команде) т.е на следующем этапе разворот отображения объекта 'structure' Во вложении excel файлы для понимая JSON: В примере 1 (файлы 1, 2, 3); В примере 2 (файлы 3, 4)