react-to-angularjs v1.2.0

ReactToAngularjs

Helps you to migrate yours AngularJs Application to React component by component

Author: Guima Ferreira

• ReactToAngularjs
  • ~R2AComponents(mod, components, [theme])
  • ~R2AComponent(component, bindingNames, [theme])

ReactToAngularjs~R2AComponents(mod, components, theme)

Generate AngularJs Components

Kind: inner method of ReactToAngularjs

Example

[
 //  <my-component name="vm.name" on-change="vm.onChange"></my-component>
 {
     name: 'myComponent',
     react: MyComponent,         // a React Component imported
     props: ['name', 'onChange']
 },
 //  <simple-component></simple-component>
 {
     name: 'simpleComponent',
     react: SimpleComponent      // a React Component imported
 }
]

Example

// Attention!
// When passing functions that change its scope,
// you need to do bind(this) as following:
class MyController {
     constructor() {
         this.name = "William";
         this.onChange = this.onChange.bind(this);
     }

     onChange() {
         this.name = "Bill";
     }
}
// Or do this:
class MyController {
     constructor() {
         this.name = "William";
     }

     onChange = () => {
         this.name = "Bill";
     }
}

ReactToAngularjs~R2AComponent(component, bindingNames, theme)

Returns AngularJs Component config object that renders a React Component

Kind: inner method of ReactToAngularjs

Example

R2AComponent("myComponent", ['name', 'onChange']);