From the course: Build Modern Web Apps with React, Hooks, State Management, and APIs Using Vite or Next.js

Unlock this course with a free trial

Join today to access over 25,200 courses taught by industry experts.

Plug new store and dev tools demo

Plug new store and dev tools demo

From the course: Build Modern Web Apps with React, Hooks, State Management, and APIs Using Vite or Next.js

Start my 1-month free trial Buy for my team

Plug new store and dev tools demo

“

Welcome back. Now in this video, we are going to plug our Redux toolkit based store instead of the Redux store. For that, we have to go inside the main.tsx file where we had this store being used. We'll comment this line here and we'll press control space and this time we are going to import it from ReduxToolkit store. Now we have to go in the app.tsx, rather than calling this CounterRedux component, to test this we have to use the CounterReduxToolkit component. That's it. Now our ReduxToolkit-based counter example is successfully plugged in and we should be seeing this example now. Let's see that in action. So you have the RTK counter instead of the other counter. We'll try and increment this. It's working fine. We can decrement the values too and we can reset the values as well. Now we have an extension installed for Redux inside our browser. This is the development tool which actually helps us identify how our Redux is actually working behind the scene and how it's changing the…

Contents