0.0.2 • Published 8 years ago
react-vault v0.0.2
ReactVault will keep and share state between components. It is backed by
window.localStorage
and is meant to be used with pure React.
To start using ReactVault first import it in your components
import Vault from 'react-vault';
And initialize it with the method load
in the component constructor
constructor(props){
super(props);
Vault.load(this); //you should pass the context of the component
}
ReactVault may co-exist with component states and optionally receives an initial
state as the second parameter of the load
method;
constructor(props){
super(props);
this.state = {
foo: 'Some value'
};
Vault.load(this,{name: 'John Doe'}); //second parameter is optional
}
The precedence of states are in order of importance:
**ReactVault State** > **Local State** > **Global State**
Be careful to pick unique names and handle state keys as more specific states will always overwrite more generic states.
Now use ReactVault to set, get, check and clear state data. They will be kept and shared by all components in your application.
Vault.set('name','Firstname Lastname');
Vault.set('age','30');
Vault.get('name'); //returns Firstname Lastname
Vault.has('name'); //returns true
Vault.clear('name'); //Removes the 'name' key
Vault.clear(); //Clear all data in ReactVault and in all component states