使用Firebase + React进行乐观的UI更新？

Question

是否可以使用Firebase（和React）进行乐观的UI更新？

我喜欢Meteor的这个功能，但我希望转移到后端作为服务，因为我的后端非常简单。

Answer 1

是的，您可以使用firebase的添加子项方法获取实时UI更新。

 updateUI() {
 dbReference.on('child_added', snap => {
   /*
    *here you can update your redux/react state which will directly reflect 
    *to your UI
   */
   this.setState({
    data: snap.val().data  
   })
  }
}

render() {
 return (
  <div>
   <span>{this.state.data.name}</span>
  </div>)
}