react-update


Make setState easily and immutably.

So, why not use immutability-helper?

- No need to call setState manually
- No need to build syntactic sugar like {x: {y: {$set: 1}}}, just pass x.y and 1

Installation

``sh
npm i --save react-update
`




Todo Demo

`javascript
import update from 'react-update'

class Todos extends Component {

constructor() {
super()
this.update = update.bind(this)
this.state = {
text: '',
items: []
}
}

render() {
const { text, items } = this.state
const update = this.update
return (



)
}
}
`

API

$3

`javascript
import update from 'react-update'

class App extends Component {

constructor() {
super()
this.update = update.bind(this)
this.state = {
name: 'John',
relation: {
family: 0,
friend: 1
},
honor: ['1', '2', '3']
}
}

someUsage() {
this.update('set', 'name', 'Wall')
this.update('set', 'relation.family', 1)
this.update('set', ['relation', 'family'], 0)
this.update('set', {
name: 'Jamas',
'relation.friend': 0
})
this.update('push', 'honor', '4') // ['1', '2', '3', '4']
this.update('splice', 'honor', 0) // ['2', '3', '4']

// All above actions just render once and all state has changed.
}
}
`

$3

`javascript
import update from 'react-update'

const myData = {x: {y: 0}}
const newData = update(myData, 'set', 'x.y', 1)
console.log(newData) // {x: {y: 1}}
`




Changelog

$3

2016-10-26

- Remove console info when state change.
- Add silent usage which would not execute setState automatically.
`js
import update from 'react-update'

const myData = {x: {y: 1}}
const newData = update(myData, 'set', 'x.y', 2)
console.log(newTarget) // {x: {y: 2}}
``