Mikhail Osher

https://github.com/zeit/next.js/

С его помощью можете сразу начинать писать приложения с SSR.
Попутно разбирайтесь, как он работает. Так и придет понимание.

Нет смысла рендерить больше данных, чем влезает в видимую область.
Это называется virtual scroll.

- посчитать высоту контейнера
- посчитать высоту элемента => получаем количество видимых
- рендерить это количество элементов
- при скролле обновлять нужные индексы и менять их содержимое, не трогая сами DOM ноды

Примеры для angular/ionic/react. Почитайте, сделайте/загуглите решение, которое Вам подойдет

https://github.com/rintoj/angular2-virtual-scroll
https://ionicframework.com/docs/api/components/vir...
https://github.com/bvaughn/react-virtualized

На момент вызова функции объект еще не записан в "this.state"

str.match(/([^|]+)\$k/s)[1]

Подозреваю, Вы всё в систему ставили? И такие инструменты, как Homestead, позволяют не "загрязнять" систему, при этом дать необходимый софт для разработки. Я помню его, как хороший инструмент, пока Docker не набрал популярность.

Первая выдача гугла
npm i -D extract-text-webpack-plugin@next

Не вижу никакой проблемы. Через хуки и bare repository так работа и делается.

var priceEl = document.querySelector('.price');
var matches = priceEl.textContent.match(/[0-9.]+/);
var price = Number(matches[0]);

console.log(price);