反応ネイティブアプリでreduxを使用してアクセストークンを保存するベストプラクティスは何ですか？

Question

リアクションネイティブアプリでreduxを使用してアクセストークンを保存するベストプラクティスは何ですか？ Reduxので

、私は状態に一部のユーザー情報を含む全体の資格、保存するために使用：その後

//Actions 
export const successfulLogin = (firebaseAuth) => ({ 
    type: 'LOGIN_SUCCESSFUL', 
    firebaseAuth 
}); 

//Reducer 
const authentication = (state = {}, action) => { 
    switch (action.type) { 
     case 'LOGIN_SUCCESSFUL': 
      return { 
       ...state, 
       firebaseAuth: action.firebaseAuth 
      }; 
     default: 
      return state; 
    } 
} 
export default authentication 

を、私は私がデバイスのストレージに状態を保存するのに役立ちます新しいモジュールredux-persistを見つけました、localStorage。ただし、店舗内のすべてが保存されます。 redux-persistでアクセストークンを保存するのは良い方法ですか？

そうでない場合は、どうすればよいですか？

Answer 1

私はあなたが作品を描いていると思っていますが、1つのアクセストークンだけが必要な場合は、店舗全体を保存するのに少し残念です。したがって、私は、ちょっとしたコードで必要なものを正確に達成するのがベストプラクティスだと言います。あなただけの自分を扱うこの副作用を行うことができますredux-persistを使用する代わりに

：

1. Reduxの「createStoreが呼ばれ、プリロード状態にそれを渡しているときのlocalStorageからのアクセストークンをお読みください。または..
2. SET_ACCESS_TOKENのようなアクションを送信して、後でreduxストアにトークンを追加します。
3. ログインに成功した直後にトークンを保存するには、それぞれの非同期アクション作成者に副作用（localStorageへの書き込みを行うモジュールを呼び出す）をトリガーすることができます。

それだけです。追加モジュールは必要ありません。