ReactHelpers.js

import ReactDOM from 'react';


// render without using JSX
export function jsRender(Component, data={}, targetElement, callback=null) {
    ReactDOM.render(<Component {...data} />, targetElement, callback)
}

// Render after specific element. 
export function wrappedRenderCreator(
    $WrapperMethodKey/* appendTo, prependTo, insertAfter, insertBefore, ... */,
    Component,
    data,
    targetElement,
    element='div'
) {
    let wrapper = $(`<${element} />`)[$WrapperMethodKey](targetElement);
    return function renderAfter() {
        return jsRender(Component, data, wrapper);
    };
}