Redux Toolkit Basics

Core Flow

UI dispatches actions; reducers update the store; components read with useSelector.

Slice and Store

npm install @reduxjs/toolkit react-redux

createSlice bundles state, reducers and actions; configureStore builds the store with thunk and DevTools.

Async with Thunks

createAsyncThunk handles pending, fulfilled and rejected lifecycles for API calls.

Key Points

• Select narrowly to limit renders.
• Keep slices focused per domain.
• Use DevTools to inspect every action.