saulteafarmer/mmalmi.github.io
1
0
Fork 0
mirror of https://github.com/mmalmi/mmalmi.github.io.git synced 2025-06-05 17:02:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

.

Browse Source
This commit is contained in:
Martti Malmi 2021-09-27 11:55:37 +03:00
parent 30b45d5f7c
commit ab0f6998ca
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
_posts/2021-9-27-gun-for-react-state-management.md
View File

@ -13,22 +13,22 @@ Fed up with writing a ton of Redux boilerplate just to make a form input editabl
There’s a better alternative: Gun.js. It makes state synchronization and persistence super easy:
```js
// Initialize Gun with options to make sure that the state is synced only locally
const State = new Gun({multicast: false, peers: [], localStorage: true, file: ‘State.local’});
// Initialize Gun with options that make sure the state is synced to localStorage only
const State = new Gun({multicast: false, peers: [], localStorage: true, file: 'State.local'});
class CommentForm {
componentDidMount {
State.get(‘comment’).on(comment => this.setState({comment}));
State.get('comment').on(comment => this.setState({comment}));
}
onInput(e) {
State.get(‘comment’).put(e.target.value);
State.get('comment').put(e.target.value);
}
render() {
return {
<form>
<input type=”text” value={{this.state.comment}} onInput={e => this.onInput(e)} />
<input type="text" value={{this.state.comment}} onInput={e => this.onInput(e)} />
</form>
}
}