viniciusdacal

export const ngDeps = {};

export function injectNgDeps(deps) {
  Object.assign(ngDeps, deps);
};

export default ngDeps;

viniciusdacal

$stateProvider.state('user.login', {
  url: '/login',
  template: '<react-screen-login></<react-screen-login>',
});

viniciusdacal

import reactButton from 'path/to/react-button';

angular
  .module('app')
  .directive(‘reactButton’, reactButton);

viniciusdacal

import Button from 'path/to/Button';

const props = [
  'children',
  'id',
  'className',
  'disabled',
  'etc..',
];
const ReactButton = reactDirective => reactDirective(Button, props);

viniciusdacal

import React from 'react';

const Button = ({ children, ...restProps }) => (
  <button {...restProps}>{children}</button>
);

export default Button;

viniciusdacal

function requireAll(r) {
  r.keys().forEach(r);
}
requireAll(require.context('./app/', true, /\.(js|jsx)$/));

viniciusdacal

require('./vendors');
require('./app/common/index');
require('./app/core/index');
require('./app/layout/index');

viniciusdacal

window.moment = require('moment');
window.$ = require('jquery');
window.jquery = window.$;
window.jQuery = window.$;

viniciusdacal

require('angular');
require('angular-resource');
// ...other dependencies

viniciusdacal

import { createApiActions } from 'redux-arc';
import './createOrUpdate';

const { creators, types } = createApiActions('todo', {
  save: {
    url: 'path/to/to-do',
    method: 'post',
    policies: ['createOrUpdate'],
  },
});