How to use react2angular - 10 common examples

'use strict';

import { module } from 'angular';
import { react2angular } from 'react2angular';
import { TaskProgressBar } from './TaskProgressBar';

export const CORE_TASK_TASKPROGRESSBAR_DIRECTIVE = 'spinnaker.core.task.progressBar.directive';
export const name = CORE_TASK_TASKPROGRESSBAR_DIRECTIVE; // for backwards compatibility
module(CORE_TASK_TASKPROGRESSBAR_DIRECTIVE, []).component('taskProgressBar', react2angular(TaskProgressBar, ['task']));

export default function init(ngModule) {
  ngModule.component('pageJobs', react2angular(Jobs));

  return routesToAngularRoutes([
    {
      path: '/admin/queries/jobs',
      title: 'RQ Status',
      key: 'jobs',
    },
  ], {
    template: '',
  });
}

export default function init(ngModule) {
  ngModule.component('homePage', react2angular(Home));

  return {
    '/': {
      template: '',
      title: 'Redash',
    },
  };
}

export default function init(ngModule) {
  ngModule.component("dashboardPage", react2angular(DashboardPage));

  return {
    "/dashboard/:dashboardSlug": {
      template: "",
      reloadOnSearch: false,
    },
  };
}

export default function init(ngModule) {
  ngModule.component('pageTasks', react2angular(Tasks));

  return routesToAngularRoutes([
    {
      path: '/admin/queries/tasks',
      title: 'Celery Status',
      key: 'tasks',
    },
  ], {
    template: '',
  });
}

export default function init(ngModule) {
  ngModule.component("sortIcon", react2angular(SortIcon));
}

export default function init(ngModule) {
  ngModule.component('pageEditDestination', react2angular(wrapSettingsTab(null, EditDestination)));

  return {
    '/destinations/:destinationId': {
      template: '',
      title: 'Alert Destinations',
      controller($scope, $exceptionHandler) {
        'ngInject';

        $scope.handleError = $exceptionHandler;
      },
    },
  };
}

export default function init(ngModule) {
  ngModule.component('pageUserProfile', react2angular(wrapSettingsTab({
    title: 'Account',
    path: 'users/me',
    order: 7,
  }, UserProfile)));
}

export default function init(ngModule) {
  ngModule.component('adminCeleryStatus', react2angular(CeleryStatus));
  ngModule.component('tasksPage', {
    template,
    controller: TasksCtrl,
  });

  return {
    '/admin/queries/tasks': {
      template: '',
      title: 'Celery Status',
    },
  };
}

export default function init(ngModule) {
  ngModule.component('pageEditDataSource', react2angular(wrapSettingsTab(null, EditDataSource)));

  return {
    '/data_sources/:dataSourceId': {
      template: '',
      title: 'Data Sources',
      controller($scope, $exceptionHandler) {
        'ngInject';

        $scope.handleError = $exceptionHandler;
      },
    },
  };
}