ConfigureStoreによるストアの作成

ストアはアプリケーションの状態が保存される場所。

Redux Toolkit では、configureStore を使ってストアを作成。 この関数は複雑な設定をせずに、適切なデフォルトで全てをセットアップ。

ストアの作成

ストアファイルを開き、ストアを定義：

import { configureStore } from '@reduxjs/toolkit';

export const store = configureStore({
  reducer: {}
});

現時点ではストアは空。 次の章でスライスを使って実際の状態ロジックを追加。

configureStore の役割

すべてを手動で設定する必要はなし。

configureStore はすでに：

• Redux DevTools のセットアップ
• 開発に適したデフォルトの有効化
• 非同期ロジックに対応したストアの準備

このため、Redux Toolkit は従来の Redux よりもはるかにシンプル。

ストアの考え方

ストアはグローバルな状態を保持する単一の場所。多くのコンポーネント内にデータを保存する代わりに、重要な状態をストアに移動。コンポーネントはストアから状態を読み取り、定義されたアクションを通じて更新。