Day 61

View this thread on: d.buzz | hive.blog | peakd.com | ecency.com
·@aronson·
0.000 HBD
Day 61
March 15th, 2018

Hello! At the React for Beginners course by Wes Bos I learned about persisting state with firebase, which means that the state won’t disappear after reload.
Firebase is a real-time database by Google, which updates the state.

         import Rebase from 're-base';

to mirror our state to Firebase

        const base = Rebase.createClass(firebase.database());

to do reabase binding

Lifecycle events tell us when certain things are happening.

	componentDidMount() {
		const { params } = this.props.match;
		this.ref = base.syncState(`${params.storeID}/fishes`, {
			context: this,
			state: "fishes"
		});
	}

	componentWillUnmount() {
		base.removeBinding(this.ref);
	}
Huh, React is not that easy, but practice makes perfect.

Cheers!
👍 ,