Александр Вульф

Существует метод *React.Children.map* для таких целей, хотя тут возможно решение

<MyPages>
  <Page tab={} content={} />
  <Page tab={} content={} />
<MyPages/>

Эту структуру можно создавать сразу не подключая первый метод. То есть если изначально есть структура типа

pages = [
  {tab='Заголовок вкладки', content='текст при активной вкладке'},
  {tab='Заголовок вкладки', content='текст при активной вкладке'}
]

Ее сразу можно рендерить в страницы

Могу высказать общие соображения - включить в проект react и при наличии старой технологии понемногу переписывать приложение по частям на новую, причем сразу использовать react так, чтобы не нужно было потом что-то переделывать. Некоторое время react и blaze будут работать параллельно, потом останется один react.

Для того чтобы был смысл в получаемых компонентах, можно пойти например от дизайна, то есть взять и просто разделить дизайн страницы на логические блоки, это будут самые крупные контейнеры, затем в них начать выделять логически отделенные или повторяющиеся элементы.
Данный процесс можно повторять очень долго, но важно остановится в момент когда это уже не несет логической основы.
Также рекомендую посмотреть на подход атомарного дизайна,
Это статью с точки зрения дизайна sketchapp.me/verstka-sajta-s-pomoshhyu-sketch-i-at...
Это со стороны организации bradfrost.com/blog/post/atomic-web-design
Не привязано к реакту, но хорошо ложится на него.

Не стесняйтесь делать глупые (dumb) компоненты. Негласное правило - метод рендер должен помещаться на одном экране. Сделайте отдельный компонент со статистикой, с результатами (или что там у Вас еще).

Компонент для вывода статистики так и просится:

<MyStatistic items={[ { titile: 'abc', message:  'cde' } ]}

Не нужно заморачиваться на эту тему. Сохраняйте картинку с опцией "прогрессив". Тогда все будет нормально по шагам загружаться, с постепенным увеличением детализации.

Это совершенно нормальная практика и все привыкли, никому глаз не режет. Тем более, что в современном мире, скорости интернета постоянно растут и подобные финты ушами сегодня уже не актуальны.

Node.js это не веб-сервер и не CMS, это просто среда исполнения JavaScript, где можно сделать что угодно (в т.ч. написать свой веб-сервер, фреймворк и т.д.). Чтобы называться разработчиком Node.js нужно разбираться в тонкостях асинхронного JS, знать большую часть встроенных функций Node.js, уметь работать с основными модулями и создавать свои.
В контексте фронтенд-разработки обычно хотят лишь, чтобы человек умел его установить и настроить сборщик. Это не разработчик Node.js.

Вам говорят что методы success и error устарели, используйте then.

Ну, выглядит страшно, все эти магические цифры (коды клавиш), а этот кусок совсем мрак:

actions[9] =  function(e) { // tab
  e.preventDefault();
  actions[39]();
}

Сам бы наверно сделал, что-то подобное:

keyboard.register(['a', 'b', 'tab'], (evt) => {
  console.log(evt);
});

Вот полный пример: jsbin.com/yeborunuje/edit?js,output

UPD. Хотя вру на самом деле, на данный момент использую keymaster (точнее его форк, но это не важно), там уже решены многие проблемы, например отлов не просто нажатия отдельных клавиш, но и комбинаций.

Попробуйте вот так:

http://oauth.vk.com/authorize?client_id=3333333&redirect_uri=http%3A%2F%2Fmysite%2Findex.php%3Fdo%3Dauth_social%26provider%3Dvk%26response_type%3Dcode

Вы пытаетесь передать url в urle.
Для аргументов url в php используйте php.net/manual/ru/function.urlencode.php