5.0.3 • Published 6 years ago
deep-storage v5.0.3
Deep Storage provides observable state for reactive applications in JavaScript.
Key features
- Simple to use observable state management
- Optimised for use with React
- No global state
- Simple way to manage shared state with or without a fully fledged flux pattern
Documentation
Real World Example
See a Real World Example of deep storage react.
Demo here.
TodoMVC
See an implementation of TodoMVC that uses Deep Storage.
Installing
npm install deep-storage # or yarn add deep-storage
The gist of Deep Storage
1. Create a new Deep Storage instance and initialise its state
import { deepStorage } from 'deep-storage';
const storage = deepStorage({
timer: 0
});
2. Create a view that responds to changes in state
import { wire } from 'deep-storage-react';
class TimerView extends React.Component {
render() {
return (
<button onClick={this.onReset.bind(this)}>
Seconds passed: {this.props.timer}
</button>
);
}
onReset () {
this.props.resetTimer();
}
};
const DeepTimerView = wire(TimerView, {timer: storage.deep('timer')});
ReactDOM.render((
<DeepTimerView resetTimer={resetTimer}/>
), document.body);
3. Modify the State
function resetTimer() {
storage.deep('timer').set(0);
}
setInterval(function tick() {
storage.deep('timer').update(prev => prev + 1);
}, 1000);
5.0.3
6 years ago
5.0.2
6 years ago
5.0.1
6 years ago
5.0.0
6 years ago
4.0.1
6 years ago
4.0.0
6 years ago
3.0.1
6 years ago
3.0.0
6 years ago
2.0.4
6 years ago
2.0.3
6 years ago
2.0.2
6 years ago
2.0.0
6 years ago
1.0.11
7 years ago
1.0.10
7 years ago
1.0.9
7 years ago
1.0.8
7 years ago
1.0.7
7 years ago
1.0.6
7 years ago
1.0.5
7 years ago
1.0.4
7 years ago
1.0.3
7 years ago
1.0.2
7 years ago
1.0.1
7 years ago
1.0.0
7 years ago
0.3.7
7 years ago
0.3.6
7 years ago
0.3.5
7 years ago
0.4.0
7 years ago
0.3.4
7 years ago
0.3.3
7 years ago
0.3.2
7 years ago
0.3.1
7 years ago
0.3.0
7 years ago
0.2.1
7 years ago
0.2.0
7 years ago
0.1.3
7 years ago
0.1.2
7 years ago
0.1.1
7 years ago
0.1.0
7 years ago
0.0.2
7 years ago
0.0.1
7 years ago