when you have many root components

scheduleRender.js

import R from 'ramda';
import React from 'react';

let scheduled = [];
let loaded = false;

document.addEventListener('DOMContentLoaded', () => {
  loaded = true;
  scheduled.forEach(({flux, Component, selector, props}) => {
    render(flux, Component, selector, props);
  });
  scheduled = [];
});

function render(flux, Component, selector, props) {
  const node = document.getElementById(selector);

  React.render(<Component flux={flux} {...props} />, node);
}

export default R.curry(function scheduleRender(flux, Component, selector, props) {
  if (loaded) {
    render(flux, Component, selector, props);
  } else {
    scheduled.push({flux, Component, selector, props});
  }
});