React Redux Toolkit with TypeScript

In this video, we'll be taking a look at the React Redux Toolkit with TypeScript. We'll be covering the basics of the toolkit, including how to create a redux store as well as slices and in the next video, we are going to cover async thunks.

This video is a great introduction to the React Redux Toolkit, and it will help you get started with TypeScript on the project. I hope you enjoy the video!
Hey what.s going on, in this video, I will Show You how can

[BusinessWolf]

> makes tutorial
> doesn't explain shit
> shows what to do not why
amazing.

[rohitghosh]

Using forms in the Add.tsx was making the whole page to reload... so here you can just remove the <form> or change it to normal div component :)))

[jayzg]

You forgot to include an essential step which is wrapping the app component in the index.tsx with a provider/ Something like this on your index.tsx:

import { Provider } from 'react-redux'
import { store } from './Store/store';
const root = ReactDOM.createRoot(
as HTMLElement
);
root.render(
<React.StrictMode>
<Provider store={store}>
<App />
</Provider>

</React.StrictMode>
);

[abhimanranaweera]

Great tutorial. Thank you so much! I followed the tutorial and try this myself and found 2 issues on the code.
01. We need to wrap the App component using provider and pass the store.. ( anyway your git code this was fixed)
02. Since you have used a form element for add component need to prevent default behaviour since it refresh with submission. I handed it by e.preventDefault in onSubmit. (Anyway your git repo you have used a div instead of a form)
This is great tutorial and cleared my few doubts. Thanks again!

[sdfsdfsdffdsfsdfsd]

can you please share link for next video with sync method? Great video !!!

[blackmagic]

Many thanks, btw what is your font. It look better than the one i'm currently using

[liamkao]

its took me 1hr to find the bug: when I click "Add" button and get a page reload, the reason is you should not use "<form>" at Add component, you need just use "<div>" ...., at 8:55

[aleksandarmihaylov]

Do you have a video how to createAsyncThunk using middleware with react, redux toolkit and typescript ?

[a_maxed_out_handle_of__chars]

simple and to the point, thank you :)

[sekhar]

what is the difference between useSelector and useAppSelector ?

[mystory]

Thanks your content. Can you make a big project based on typescript redux toolkit.

[Reaper_f]

this was such a great, last time i used redux was 2 years ago with angular work app, redux has come so far, using react and mobx state tree at work, but going to switch us to redux see how much its reduced in boilerplate and makes use of hooks.

[maksymdudyk]

Thank you for providing github repository for this tut of yours.

[maskman]

Sir, you should introduce Zustand to people, because it is way so easy to use than redux, no boilerplate, easy to read and understand, we only need to deal with state(variable) and action/function, straight to the point, it doesn't make sens to use redux/redux toolkit to make life tough😅