Trung BìnhState Management iconState Management

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.

Pitfall: 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.

Xem toàn bộ State Management cùng filter theo level & chủ đề con.

Mở danh sách State Management