11 - React: Redux and Redux Toolkit (RTK)
Redux is a state management library used when application state becomes large or shared across many components. The main idea is: state lives in a central store components read state through selectors components update state by dispatching actions reducers decide how the state changes 1) Redux basics A reducer is a function that receives the current state and an action, then returns the next…
Redux is a state management library for handling large or shared application state. It functions by having state in a central store, components reading state via selectors, and updating state through actions dispatched by reducers. A reducer is a function receiving current state and an action, returning the next state.
Redux Toolkit simplifies Redux development, providing createSlice for simplified reducer logic, automatic action creators, and configureStore for simplified store configuration. For example, creating a counter slice involves specifying name, initialState, and reducers. The reducers are written in a simplified style, allowing direct mutation of draft state using Immer.
The store is configured with configureStore, offering the reducer within the toolkit. Actions are exported from the slice for use in components, with useSelector reading state and useDispatch dispatching actions to the reducer.
Written by urgent.news from Dev.to's reporting — not their text. Machine-written — may contain errors; check the original before relying on it.
