Summary  
This chapter explains how to write reducers as simple mutating functions while relying on an underlying tool (Immer) to convert those changes into safe, immutable state updates automatically.

General domain of usage  
Application state management

リデューサーは、状態がどのように変化するかを定義するものです。Redux Toolkit では、従来の Redux よりもはるかに簡単な方法でリデューサーを記述できます。





## リデューサーの記述方法

スライス内では、リデューサーは通常の関数のように記述されます:

```javascript
increment(state) {
  state.value += 1;
}
```

一見すると、状態を直接変更しているように見えます。





## この仕組みが動作する理由

標準の Redux では、状態を直接変更することはできませんでした。毎回新しいオブジェクトを返す必要がありました。

Redux Toolkit では、内部的により簡単なコード記述を可能にしつつ、状態の更新を安全に保つツールが使われています。





## 重要なポイント

状態を変更しているかのようにリデューサーを記述。Redux Toolkit がこれらの変更を安全な更新に変換。



Redux Toolkitを使用してReactの複雑なアプリケーション状態を管理する方法を学びます。Reduxが本当に必要な場面を理解し、スライスで状態を構築し、非同期データを処理し、すべてを予測可能なフローに接続します。

Redux Toolkitが存在する理由と、それが有用になるタイミングを理解します。実際のアプリケーションで状態の複雑さがどのように増大するか、そしてなぜ単純なアプローチでは拡張性が失われるのかを認識します。

Redux Toolkitのインストールとストアのセットアップ。ReduxをReactアプリケーションに接続し、データがシステム内でどのように流れるかを理解する。

スライスを使用して状態を定義し、ロジックを明確に整理します。リデューサーを作成し、生成されたアクションを利用して、アプリケーションの成長に伴って状態を管理しやすく保ちます。

useSelectorを使用してストアからデータを読み取り、useDispatchで更新します。状態を正しく構造化し、共有データを扱う際の一般的なミスを回避します。

createAsyncThunkを使用してAPIからデータを取得します。ローディング状態やエラー状態を管理し、非同期更新とUIの同期を保ちます。

状態を複数のスライスに分割し、機能ごとにファイルを整理します。リデューサーを適切に結合し、アプリケーションの成長に伴って明確な構造を維持します。

Redux Toolkitを使用して完全なアプリケーションを構築します。CRUD機能の実装、非同期データの処理、ローディングやエラー状態によるユーザー体験の向上を行います。

リデューサーを簡単に記述する方法

リデューサーの記述方法

この仕組みが動作する理由

重要なポイント