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

Param	Type	Description
mod	String	AngularJs Module name
components	Array	collection of AngularJs Components to be generated
[theme]	ReactComponent	a react component that returns {children}

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

Param	Type	Description
component	Class	React Component Class
bindingNames	Array	AngularJs Component Attributes
[theme]	ReactComponent	a react component that returns {children}

Example

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