Redux Toolkit (RTK) là gì? Tại sao nên dùng RTK thay vì Redux thuần?

RTK là cách duy nhất được khuyến nghị để viết Redux hiện đại — createSlice gộp actions+reducer, Immer cho phép write mutable syntax, RTK Query thay thế thunk cho data fetching.

Redux Toolkit (RTK) là bộ công cụ chính thức và là cách duy nhất được khuyến nghị để viết Redux hiện đại — Redux thuần giờ được coi là legacy.

RTK giải quyết 3 vấn đề lớn của Redux thuần:

1. quá nhiều boilerplate (actions, action types, reducers, combineReducers riêng biệt) → createSlice gộp tất cả vào một chỗ.
2. Immutable update phức tạp ({...state, nested: {...state.nested, value: newVal}}) → Immer bên trong cho phép viết state.nested.value = newVal.
3. Async logic verbose → createAsyncThunk xử lý pending/fulfilled/rejected tự động

Thêm RTK Query cho data fetching và caching, cạnh tranh trực tiếp với React Query.

Ví dụ thực tế: 1 feature Redux thuần cần 4-5 files (types, actions, reducer, selectors, thunks), RTK chỉ cần 1 file slice.

Lưu ý: khi migrate từ Redux thuần sang RTK, đừng rewrite toàn bộ — RTK tương thích ngược, migrate từng slice một.

RTK is the only recommended way to write modern Redux — createSlice combines actions+reducer, Immer enables mutable write syntax, RTK Query replaces thunks for data fetching.

Redux Toolkit (RTK) is the official toolset and the only recommended way to write modern Redux — plain Redux is now considered legacy.

RTK solves three major problems with plain Redux:

1. excessive boilerplate (separate actions, action types, reducers, combineReducers) → createSlice consolidates everything.
2. Complex immutable updates ({...state, nested: {...state.nested, value: newVal}}) → Immer allows writing state.nested.value = newVal.
3. Verbose async logic → createAsyncThunk handles pending/fulfilled/rejected automatically

RTK Query handles data fetching and caching, directly competing with React Query.

Practical example: one Redux feature requires 4-5 files (types, actions, reducer, selectors, thunks); RTK needs just one slice file.

Pitfall: when migrating from plain Redux to RTK, don't rewrite everything at once — RTK is backward-compatible; migrate one slice at a time.