react-to-angularjs
v1.2.0
Published
Helps you to migrate yours AngularJs Application to React component by component
Downloads
16
Readme
ReactToAngularjs
Helps you to migrate yours AngularJs Application to React component by component
Author: Guima Ferreira
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']);