Redux Toolkit (RTK) は従来の Redux と比較して何を提供しますか？

Question

Accepted Answer

**Redux Toolkit (RTK)** は、現在の Redux を書くための公式な推奨方法です。従来の Redux の悪名高いボイラープレート — 手動のアクションタイプ、アクションクリエイター、イミュータブルな更新ロジック、ストアセットアップ — を排除しながら、同じコア原則を保ちます。

## なぜ重要なのか

```js
// ❌ classic Redux — verbose: action types, creators, switch reducers, manual immutability
const INCREMENT = "counter/increment";
const increment = () => ({ type: INCREMENT });
function reducer(state = { value: 0 }, action) {
  switch (action.type) {
    case INCREMENT: return { ...state, value: state.value + 1 };
    default: return state;
  }
}
```

## RTK: createSlice がすべてを行う

```js
import { createSlice, configureStore } from "@reduxjs/toolkit";

export const { increment, incrementBy } = counterSlice.actions; // action creators AUTO-generated
const store = configureStore({ reducer: { counter: counterSlice.reducer } });
```

`createSlice` はアクションタイプとクリエイターを自動生成し、**Immer** 経由で「変異」するリデューサーコードを記述でき、それが安全にイミュータブルな更新に変換されます。1 つの簡潔なスライスがすべての手動部分に置き換わります。

## RTK に含まれるその他のもの

```text
configureStore   → store setup with DevTools + thunk middleware preconfigured
createAsyncThunk → standard async (pending/fulfilled/rejected actions) for data fetching
createEntityAdapter → normalized state + CRUD reducers for collections
RTK Query        → a full data-fetching/caching layer (like React Query, built into Redux)
```

## createAsyncThunk の例

```js
export const fetchUsers = createAsyncThunk("users/fetch", () => api.getUsers());
// auto-dispatches users/fetch/pending | fulfilled | rejected — handle in extraReducers
```

## RTK が現在の標準である理由

```text
✓ ~75% less code than classic Redux
✓ Immer → no manual immutable spread logic (fewer bugs)
✓ Good defaults (DevTools, thunk) out of the box
✓ Encourages best practices (slices, normalized data)
✓ RTK Query bundles server-state management
```

## なぜ重要なのか

従来の Redux に対する最大の批判はそのボイラープレートでした。RTK はこの問題を直接解決するため、現在は**公式な推奨事項**であり、モダンなコードベースで「Redux を使用する」ことの意味です。

`createSlice`（Immer 駆動、自動生成されたアクション）、`createAsyncThunk`（非同期）、`createEntityAdapter`（正規化）、および RTK Query（サーバー状態）を理解することは、現代的な Redux 作業に不可欠です — Redux の予測可能性を保ちながら、多くのチームを代替手段に駆り立てた儀式を削除します。