1.6.7 • Published 5 years ago
rx-react-form v1.6.7
Rx-React-Form
Form management Higher order component for react app using rxjs
Check the demo
Install
npm i rx-react-form -S
or
yarn add rx-react-form
Presentation
React Higher order component that manage form using rxjs Observable (like in angular2 or 4 whatever)
Requirement
- React
- Rxjs
Example
Simple form
import { rxForm } from 'rx-react-form'
interface Props {
onSubmit: () => void
onError?: () => void
name: string
}
@rxForm<Props>({
debounce: 1000,
fields: {
name: {
validation: (value) => {
if (value.length > 0) {
return 'name should be defined'
}
},
value: (props) => {
return props.name
}
},
email: {}
}
})
class SimpleForm extends React.Component<Props, any> {
render() {
return (
<form>
<div>
<input name="name" placeholder="enter your name" />
{ !!this.props.name.error &&
<span>{ this.props.name.error }</span>
}
</div>
<div>
<input name="email" placeholder="modify your email" />
</div>
<div>
<button type="submit">Submit form</button>
</div>
</form>
)
}
}
<SimpleForm name="john snow" onSubmit={...} onError={...} />
1.6.7
5 years ago
1.6.6
6 years ago
1.6.5
6 years ago
1.6.4
6 years ago
1.6.3
6 years ago
1.6.2
6 years ago
1.6.1
6 years ago
1.6.0
6 years ago
1.5.12
6 years ago
1.5.11
6 years ago
1.5.10
6 years ago
1.5.9
6 years ago
1.5.8
6 years ago
1.5.7
6 years ago
1.5.6
6 years ago
1.5.5
6 years ago
1.5.4
6 years ago
1.5.3
6 years ago
1.5.2
6 years ago
1.5.1
6 years ago
1.5.0
6 years ago
1.4.6
6 years ago
1.4.5
6 years ago
1.4.4
6 years ago
1.4.3
6 years ago
1.4.2
6 years ago
1.4.1
6 years ago
1.4.0
6 years ago
1.3.0
6 years ago
1.2.0
7 years ago
1.1.0
7 years ago
1.0.0
7 years ago