ReactJS Firebaseのローカルでのキャッシュ

Question

firebase dbをキャッシュするためにローカルストレージが必要です。ページの最初の読み込み時に、多くの行をデータテーブルに読み込み速度が遅くなるのを避け、後でキャッシュを更新するために、ローカルキャッシュをユーザーに表示する必要があります。要件は、正確には：

1. キャッシュローカル
2. ロード中firebase DB最初にローカルキャッシュ
3. 更新ローカルその後

キャッシュどのように私はReactJSでそれを達成することができますか？

Answer 1

はい、できます。これを解決するにはいくつかの方法がありますが、私の頭の中の最初のものはコンポーネントの状態を初期化することです。

class MyComponent extends Component { 
    state = { 
    data: localStorage(key); 
    } 

    componentDidMount() { 
    // Do the connecting to firebase here and set state 
    } 
}