JavaScriptアプリの予測可能な状態コンテナーです。Reduxを初めて使用する場合は、Reduxの紹介を参照することをお勧めします。この記事では、ReactNativeアプリケーションでReduxを使用してユーザーデータを永続化する方法を学習します。アプリケーションは、模擬ソーシャルネットワークです。追加する潜在的な友達のリストを表示します。Reduxを使用して、2つの画面間で状態を共有します。前提条件このチュートリアルを完了するには、次のものが必要です。Node.jsのローカル開発環境。Node.jsをインストールしてローカル開発環境を作成する方法に従ってください。新しいReactNativeプロジェクトを作成するための環境のセットアップと、iOSまたはAndroidシミュレーターの使用に精通していると役立つ場合があります。ReactNativeでReactNavigationでルーティングを使用する方法で説明されているトピックに基づいています。プロジェクトがどのように機能するかについての詳細は、このチュートリアルを読むことをお勧めしますが、必須ではありません。このチュートリアルは、Nodev14.7.0で検証されました。ReactNativeでReactNavigationでルーティングを使用する方法のコードの修正バージョンを使用します。開始するには、MySocialNetworkのクローンを作成します。https://github.com/do-community/MySocialNetwork.git次に、プロジェクトディレクトリに移動します。redux-starter次に、プロジェクトの依存関係をインストールします。react-redux@7.2.1これでプロジェクトがセットアップされ、依存関係がインストールされました。ステップ2—レデューサーを作成するReduxをアプリに接続するには、レデューサーとアクションを作成する必要があります。友達レデューサーを作成します。レデューサーは、前の状態とアクションを引数として取り、新しい状態を返す純粋関数です。レデューサーは、友達の現在の状態が変化したときにアプリ全体で最新の状態に保つのに役立ちます。FriendsReducer.js次のコードを追加します。あなたのソーシャルネットワークに追加する可能性のある友達と変数。friends.レデューサーを配置したら、友達を追加する方法が必要になります。ステップ3—アクションを作成するアクションは、アプリケーションからアプリケーションにデータを送信する情報のペイロードを表すJavaScriptオブジェクトです。アクションには、タイプとオプションのペイロードがあります。