В целом - при рендере

<span data-remove-item="${key}">...


И потом куда-то на общий предок, на лист например вешаешь

commonParent.addEventListener('click', e => {
  if(e.target.dataset.removeItem) {
     const key = e.target.dataset.removeItem
    data.splice(key,1)
  }
})

Типа того

Но лучше конечно сплайсом ничего не делать

а, не

И не забудь про то что e.target может быть не обязательно тем что тебе нужно, может быть потомком итема

Тут надо бы делегировать нормально

Ща

Конечно же, не стоит делать splice, конечно же не стоит в целом заниматься изобретением реактивной системы и конечно же для любой динамики лучше взять готовое решение типа  react/vue

Спасибо! Просто изучаю JS)

На таком самом простом примере ещё ок, но когда у тебя будут реальные манипуляции с данными и нужно будет перерисовать то что было по этим данным отрисовано будет проблема. Например, представь себе что тебе нужно не просто удалить одну запись по клику а например отфильтровать их

Данные-то ты отфильтруешь без проблемы. А вот дальше у тебя будет проблема с тем, чтобы понять что из DOM нужно удалить и как, и сам ты эту проблему не решишь )

Всем привет. Прочитал такое мнение:

жс классы это не синтаксический сахар а отдельная сущность поведение которой невозможно эмулировать в синтаксисе ЕС5

Перекопал различные статьи. Там сказано, что классы не синтаксический сахар потому что они по дефолту строгие, методы не перечисляемые и не вызываются без new.

Что можете еще добавить? И согласны вы с этим мнением?

Строгость можно эмулировать, неперчисляемость методов тоже, а вот про new да, похоже на правду

Возьму на заметку, Спасибо))

Классы это сахар над прототипами

Для этого и нужны React например, он берут на себя работу по обновлению DOM. Ты работаешь только с данными и один раз описываешь как из данных получить DOM. Дальше ты просто меняешь данные а правильной быстрой и эффективной перерисовкой будет заниматься он

Чисто академически если у них есть поведение которое невозможно повторить методами es5,то это уже не сахар

вопрос про рендер, если рендер компонент то и рендиться все и обновляется dom?

Вызов render  в компоненте не гарантирует обновления DOM, render лишь произведёт на свет новый кусок Virtual DOM, дальше react-dom его возьмёт и будет принимать решение стоит ли обновлять настоящий DOM и если да то когда это делать. Это если речь идёт про реакт

да про него