React Model

An easy way to implement two-way data binding in React without using mixins. Tired of defining handleChange() functions? Here's solution, react-model-controller.

npm i react-model-controller

Usage:

import ModelController from 'react-model-controller'
 
constructor (props) {
  ...
  this.models = {
    name: ModelController.create({
      target: this,
      name: 'name'
    })
  }
  ...
}
 
render () {
  ...
    <input
      value={this.models.name.get()}
      onChange={this.models.name.set()}
    >
  ...
}

or

<input {...ModelController.link(this, 'name')}>

API

public static ReactModelController.create()

Returns a new ReactModelController instance.

Changelog

v2.0

• Added automating input masking.
• Added ReactModelController.create() static method
• Added .link public property