HTML React AEM.md

ref: https://medium.com/@fay_jai/react-elements-vs-react-components-vs-component-backing-instances-14d42729f62#.quy1wd21o

(function ($, HtmlToReact, SGReact) {
    $(function() {
        var HtmlToReactParser = HtmlToReact.Parser;
        var htmlToReactParser = new HtmlToReactParser();
        $(".carousel-container").map(function() {
            var reactComponents = [];
            $(this).children().each(function() {
                var htmlInput = this.outerHTML;
                var reactComponent = htmlToReactParser.parse(htmlInput);
                reactComponents.push(reactComponent);
            });
            // Empty the all the content inside the container
            $(this).empty();
            // Start to display the container
            $(this).show();
            var reactContainer = $(this)[0];
            ReactDOM.render(
                React.createElement(SGReact.Carousel, {}, reactComponents),
                reactContainer
            );
        });
    });
})(jQuery, HtmlToReact, SGReact);