Redux Toolkit builds in our suggested best practices, simplifies most. The reduxjs/toolkit package wraps around the core redux package, and contains API methods and common dependencies that we think are essential for building a Redux app. The ability to call a reducer with a function also feels more in line with the rest of the coding we do in React. Redux Toolkit (also known as 'RTK' for short) is our official recommended approach for writing Redux logic. Once the concept of the setup was understood it feel a lot simpler, and I like simple. Internally, it uses createAction and createReducer, so you may also use. This API is the standard approach for writing Redux logic. This is because createSlice() uses the Immer library. A function that accepts an initial state, an object of reducer functions, and a 'slice name', and automatically generates action creators and action types that correspond to the reducers and state. Within createSlice, synchronous requests made to the store are handled in the reducers object while extraReducers handles asynchronous requests, which is our main focus. The createSlice API is set to be the norm for writing Redux logic. I will be keeping the feature naming for the counter, and will be renaming the file from counter.js. createSlice() lets you write immutable updates using mutation-like logic within the case reducers. A slice is a function that contains your store and reducer functions used to modify store data.
#Reduxjs toolkit createslice update
ConfidenceĪs the code I was working on was refactored to use the Redux Toolkit and the createSlice functionality, there was a relieved feeling and a sense of confidence that my code was cleaner. A basic createSlice methods takes in the following: name: which is name of the slice for reference initialState: the initial state of the reducer reducers: contains all the actions to mutate the reducer state Lets update the repo to a slice. Import )Īs shown, the dispatch to call the reducer is now cleaner, simply calling it as a function and sending the payload rather than having to construct an object.
0 kommentar(er)
