How do I import Redux toolkit?

Redux Toolkit only covers the Redux logic – we still use React-Redux to let our React components talk to the Redux store, including useSelector and useDispatch . So, let’s see how we can use Redux Toolkit to simplify the code we’ve already written in our example todo application.

Redux is famous for being complicated and needing a lot of boilerplate code to get started . That’s why the Redux team created Redux Toolkit. It was designed to address three common concerns about Redux: “Configuring a Redux store is too complicated”

Use Redux State and Actions in React Components​ js file with a <Counter> component inside, then import that component into App. js and render it inside of <App> . Now, any time you click the “Increment” and “Decrement buttons: The corresponding Redux action will be dispatched to the store.

​ Redux Toolkit is our official, opinionated, batteries-included toolset for efficient Redux development . It is intended to be the standard way to write Redux logic, and we strongly recommend that you use it.

There is no difference between using Redux or Redux Toolkit in regards to React. That is the separate react-redux package you have to use in both cases. The difference between the two is the amount and safety of non-React-related code .