react/reduxアプリケーションのサービスインスタンスはどこに保持されますか？

Question

私はReduxでアプリケーションを書いているとし、第三者のライブラリを使ってログを追加することを前提としています。次のようにそのAPIは以下のとおりです。

let logger = createLogger('xyz'); 
logger.log('foobar'); 

私は間違いなく、アプリケーションの初期化時に一度だけ、ロガーインスタンスを作成したい：

function createLogger(token) { 
    // the logger has internal state! 
    let logCount = 0; 

    return { 
     log(payload) { 
      logCount++;   // modify local state 

      fetch('/someapi', { // ship payload to some API 
       method: 'POST', 
       body: payload 
      }); 
     } 
    }; 
} 

は、私は、このようなライブラリーなものを使用します。しかし、問題はです。どこでロガーインスタンスを保存しますか？

最初の命令は、店のどこかに置くことです。しかしそれは良いアイデアですか？コードで説明したように、ロガーオブジェクトはステートフルで、クロージャーにカウンターを格納します。私は不変オブジェクトと同じように新しいインスタンスを取得しません。われわれが知っているように、状態は純粋な減速器の機能によってのみ変更されるべきです。

他の可能性は、reduxミドルウェアクロージャのどこかにインスタンスを作成するか、グローバル変数を作成することです。これは明らかにテスト容易性の点で悪です。

これは（私は思う）むしろ一般的なシナリオのベストプラクティスですか？

Answer 1

ES6モジュールを使用しているので、使用する予定のある場所であれば、私はロガーをモジュールとしてexportとimportに設定します。私は、アクションからのロギングは、コンポーネントを認識しないようにし、ストアを副作用で汚染しないため、確実な計画であると思います。

function createLogger(token) { 
    // the logger has internal state! 
    let logCount = 0; 

    return { 
     log(payload) { 
      logCount++;   // modify local state 

      fetch('/someapi', { // ship payload to some API 
       method: 'POST', 
       body: payload 
      }); 
     } 
    }; 
} 

export default const logger = createLogger('xyz'); 

あなたの行動クリエイター

import logger from 'logger-module'; 

// 
logger.log('somestuff'); 

テストはまだロガーをインポートし、あなたが傍受する必要があり、そのメソッドにどんなスパイ/スタブを配置することにより、容易に達成可能です。サードパーティのライブラリであること

/** 
* Sends crash reports as state is updated and listeners are notified. 
*/ 
const crashReporter = store => next => action => { 
    try { 
    return next(action) 
    } catch (err) { 
    console.error('Caught an exception!', err) 
    Raven.captureException(err, { 
     extra: { 
     action, 
     state: store.getState() 
     } 
    }) 
    throw err 
    } 
} 

Raven：Redux documentationから

Answer 2

。

ライブラリに独自の状態がある場合は、ミドルウェアでその状態を使用しても問題ありません（状態はライブラリであり、アプリではありません）。なんらかの理由で状態を作成している場合、その状態は、おそらくstore.loggerなどで、Reduxストアに属している必要があります。