Есть 2 колонки (в одну рендерим данные с сервера , во вторую добавляем данные с 1й при нажатии добавить ) , есть кнопка при нажатии на которую должны сохраняться элементы со 2й колонки в localStorage и при перезагрузке рендериться туда. Как работать с localStorage я знаю , проблема в том какие именно данные сохранять со 2й колонки и как потом их фильтровать с основным массивом данных для рендера или сразу брать данные и сохранять их в отдельный массив/объект (думал про сохранения id в массиве но потом не понимаю как этот массив c id сравнить с основным массивом). Если не трудно подкиньте идею или подобный пример может кто делал!
Вы какие данные получаете с сервера? Если это список объектов, в каждом из которых есть уникальный ключ (id) - то сохраняйте массив этих ключей в хранилище.
При обновлении данных (перезагрузка страницы или AJSX-запрос) выбираете из полученного списка только те объекты, id которых совпадает с id из массива и добавляете их в правую колонку. Для фильтрации можно использовать Array.prototype.filter из ES6 (если подключен Webpack на проекте) или простой цикл for. Можно ещё воспользоваться _.filter из lodash
Сборка персонального компьютера от Artline: умный выбор для современных пользователей