dirty.js

import angular from 'angular';
import React from "react";

function DownloadProgressBar() {
    return {
        restrict: "AE",
        scope: {
        },

        link: function(scope, element) {

            class SomeBox extends React.Component {

                componentDidMount() {
                    console.log("SomeBox.componentDidMount");
                }

                componentWillUnmount() {
                    console.log("SomeBox.componentWillUnmount");
                }

                render() {
                    return <div>I was rendered from react.</div>;
                }

            }

            let target = element.get(0);

            React.render(
                <SomeBox/>,
                target
            );

            scope.$on("$destroy", () => {
                React.unmountComponentAtNode(target);
            });
        }
    }
}

export default angular.module("app.downloadProgressBar", [])
    .directive("downloadProgressBar", DownloadProgressBar)
    .name;