RubaXa

Да, это нормально, именно так и используют его в Facebook.

«React — A JavaScript library for building user interfaces», а не SPA, как почему-то принято думать.

Ну, попробуйте, но заведите метрику в виде changelog и пишете, сколько раз потомок X сломался из-за изменения родителя.

Просто ответить абстрактно сложно, по большому счёту, проблема в том, что при использовании ООП в UI-компонентах, все потомки становятся очень хрупкими. Да, это всё конечно покрывается тестами, но это только помогает быстро выявит проблему, а проблема на самом деле в переопределении.

View-компоненты на самом деле проще не наследовать, а сделать точки расширения и через `props`, в конкретном месте, передать нужные функции `renderSomeFragment/children` в замен default'ных. Т.е. вам не нужно городить новый класс и потом его использовать, вы просто его используете и всё.

В первом у вас есть доступ к `props` и `context` (аргументам конструктора).
Второй, пока нестандартизированный «сахар» к первому, но без `props` и `context`.

Всё проще, тот же Facebook не сделан на React, а только местами использует его.

Мда, https://ru.wikipedia.org/wiki/Data:_URL

Используйте onEnter.

В статье четко написано, начиная с v15 они не поддерживают IE8, если поддержка нужна, используйте v0.14.*

// mount
window.addEventListener('scroll', this.handleScroll);

// unmount
window.removeEventListener('scroll', this.handleScroll);

Используйте https://facebook.github.io/react/tips/dangerously-...

render() {
  return (
    <div>
       ${Array.from({length: 5}).map((_, idx) => <div>{idx}</div>)}
    </div>
  );
}

// или

render() {
  const list = [];
  for (let idx = 0; idx < 5; idx++ ){
     list.push(<div>{idx}</div>);
  }
  return <div>${list}</div>;
}

Для железобетонной работы используйте https://prerender.io/
Он бесплатен, если развернуть у себя на сервере, это не сложно.

P.S. Использую больше года, никаких проблем, любой поисковик автоматически и быстро получает статическую версию сайта, которую идеально индексирует.