10、Redux实战：表单、动画与Firebase集成

Redux实战：表单、动画与Firebase集成

1. Firebase与Redux结合

1.1 工作原理

Firebase通过WebSocket实现数据的实时同步，检测数据变化主要使用 database.on() 方法。在 fetchPhrases() 操作中，有三个重要的Firebase监听器：
- database.on('child_added') ：有两个功能，首次从Firebase逐行获取数据，以及实时检测数据库中新行的添加并更新数据。
- database.on('child_changed') ：检测现有行的变化，在更新行时发挥作用。
- database.on('child_removed') ：检测行的删除。

还有一个 database.once('value') 方法，与 child_added 类似，但只返回一次数据数组，不检测动态变化。

1.2 操作示例

1.2.1 数据更新

修改 phrases.json 文件，添加新行：

{
    "phrases": [
        {
            "phrase": "A room without books is like a body without a soul.",