gistfile1.txt

import * as React from 'react';
import * as ReactDOM from 'react-dom';

// tslint:disable-next-line:variable-name
const Widget = () => {
    return (
        <div>hi from widget</div>
    );
};

export const initWidget = (containerElement: Element) => {
    ReactDOM.render(<Widget />, containerElement);
};

export default { initWidget };

---------------------------------------------

require([`widgets/${type}/js/${type}`], widget => {
    $(container).empty();
    const placeholder = $('<div></div>').appendTo(container);
    if (widget.default && widget.default.initWidget) {
        // React widgets
        widget.default.initWidget(placeholder[0]);
    } else {
        // Legacy widgets
        const element = placeholder[type].call(placeholder, options);

        if (callback) {
            const jqueryUiWidget = widgetHelper.getWidgetObject(element);
            callback(jqueryUiWidget, element);
        }
    }
});