Данил Ситдиков

Тоже самое, но без eval.

function numToFn(fn) {
  return new Function('return ' + fn)();
}
elems = ["12","+","4", "*", "2", "/", "34"];

console.log( elems.join('') + ' = ' +  numToFn(elems.join('')) );

https://jsonplaceholder.typicode.com/

JS:

foo.onmouseover = function(){
	this.classList.toggle('rotate')
}

CSS:

img {
  transition: transform 1s ease;
}
.rotate {
  transform: rotate(45deg);
}

https://jsfiddle.net/auh7mvsg/1/

Есть такая штука - делегирование называется.

Пример с добавлением новых элементов.

На вопросы "Что лучше?", "Есть ли смысл?" можно ответить только в контексте и то субъективно. Магазин недостаточный контекст, магазин магазину рознь.

- Однозначно за SPA приложениями будущее. При SPA можно также отдавать html - SSR.
- SPA делать дольше, тк по сути вы делаете 2 приложения (клиентское и серверное).
- При SPA нагрузка на сервер и время ожидания страницы больше всего приходится на первую загрузку приложения. Далее выводы можно делать в зависимости от конкретной ситуации.