RNDebugger と Redux Devtools Extension パッケージをアプリに追加して、デバッグを支援し、後で redux persist を使用してテストすることにしました (まだ実装していません)。したがって、React Native アプリの状態アーキテクチャに次のパッケージを使用しています: React Redux、Redux、Redux Thunk、RNDebugger、Redux Devtools Extension。RNDebugger と Redux Devtools 拡張機能は、ドキュメントに従って開発依存関係としてインストールされました。Redux ストアを作成するときに、composeWithDevTools 関数を使用しています。composeWithDevTools 関数は Redux Devtools Extension パッケージの一部であるため、代わりに RNDebugger と Redux Devtools Extension を本番環境の依存関係としてインストールする必要がありますか? 本番環境でデバッガーを使用したくありませんが、' composeWithDevTools 関数が不明であるため、アプリが本番環境に移行したときにアプリが失敗することは望ましくありません。私のコードは正しく動作しており、RNDebugger で redux ストアを確認できます (素晴らしい!)。それにもかかわらず、これは私の基本的なセットアップです:
// Store.js
import { createStore, applyMiddleware } from 'redux';
import { composeWithDevTools } from "redux-devtools-extension";
import ReduxThunk from 'redux-thunk';
import reducers from '@reducers/';
export default createStore(
reducers,
composeWithDevTools(
applyMiddleware(ReduxThunk)
)
);
// App.js
import React, { Component } from 'react';
import { Provider } from 'react-redux';
import Store from './Store';
import Router from './Router';
class App extends Component {
render() {
return (
<Provider store={Store}>
<Router />
</Provider>
);
}
}
export default App;