Reduxで長寿命状態を処理する

Question

サイトに入る前に特定の年齢になる必要があるアプリケーションを構築しています。ユーザーには生年月日を入力する必要があるフォームが表示され、この情報はローカルストレージに保存され、その後、その値がローカルストレージに設定されているかどうかの確認が行われます。現在main.js内部のチェックコードは次のようになります。

let hasRememberedAge = localStorage.getItem('ageVerified') 
if (hasRememberedAge !== null) { 
    store.dispatch(ageVerified()) 
} 

これは間違って感じて、私の質問はこれを処理するためのより良い方法は何ですか？これらのチェックをトリガーするすべてのページの読み込み時にアクションを実行する必要がありますか？もしそうなら、dispatchはどこに住んでいますか？

Answer 1

これには何も問題はありません。ストアを作成する場所はどこでもかまいません。

store.subscribeコールバックで状態の一部をシリアル化し、ストアを作成する前にlocalStorageから読み取ることができます。 2番目の引数として永続化された状態をcreateStoreに渡して事前にロードすることができます。